我有一个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,
}));
我需要知道此配置有什么问题。
答案 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,
}));