javascript - 无法从 cssnano 配置中关闭 colormin 优化

Question

我有我使用 optimize-css-assets-webpack-plugin 的 Webpack 设置与 cssnano作为 CSS 处理器。

在那里，我不想使用 colormin 优化。

优化:https://cssnano.co/guides/optimisations

这是我当前的配置，它不会停止将 HSL 值转换为十六进制:

plugins.push(new OptimizeCssAssetsPlugin({
  assetNameRegExp: /\.css$/g,
  cssProcessor: require('cssnano'),
  cssProcessorPluginOptions: {
    preset: ['default', {
      discardComments: {
        removeAll: true,
      },
      colormin: false,
    }],
  },
  canPrint: true,
}));

我需要知道这个配置有什么问题。

Answer 1

检查您的 optimize-css-assets-webpack-plugin 和 webpack 的版本。支持 webpack 3 的 optimize-css-assets-webpack-plugin 的最新版本是 3.2.0 版。该版本的配置不同:

plugins.push(new OptimizeCssAssetsPlugin({
  assetNameRegExp: /\.css$/g,
  cssProcessor: require('cssnano'),
  cssProcessorOptions: {
    discardComments: {
      removeAll: true,
    },
    colormin: false,
  },
  canPrint: true,
}));