css-minimizer-webpack-plugin只处理分离出来的CSS文件,
所以当CSS代码嵌入到JavaScript中时,它不会被该插件压缩。
您应该使用MiniCssExtractPlugin来将CSS提取到单独的文件中,
然后css-minimizer-webpack-plugin才会对这些文件进行压缩。
const cssMinimizerPlugin = require('css-minimizer-webpack-plugin')
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
module.exports = {
entry: './src/index.js',
output: {
filename: 'main.js',
},
module: {
rules: [{
test: /\.css$/i,
use: [
MiniCssExtractPlugin.loader,
'css-loader']
}]
},
plugins: [
new MiniCssExtractPlugin({
filename: '[name].[contenthash].css',
}),
],
optimization: {
minimize: true,
minimizer: [
new cssMinimizerPlugin({
minimizerOptions: {
preset: ['default', {
discardComments: {
removeAll: true,
}
}]
},
})
]
}
}
src/index.js
import './style.css'
let a = 1;
src/style.css
.main {
background-color: red;
font-size: 18px;
}