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

时间:2018-09-24 11:41:54

标签: javascript css webpack cssnano

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

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

1 个答案:

答案 0 :(得分: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,
}));