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

Question

我有一个Webpack设置，其中我使用optimize-css-assets-webpack-plugin和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,
}));