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

Question

我有 Webpack 设置，其中我使用了带有cssnano作为 CSS 处理器的optimize-css-assets-webpack-plugin 。

在那里，我不想使用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,
}));