无法从 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,
}));