我使用webpack 4,需要在构建命令后优化和压缩css。我发现了optimize-css-assets-webpack-plugin,但该插件不起作用。你是否使用这些插件或加载程序来优化css?我们是否需要使用它?
在Webpack 4中,您需要自己处理CSS压缩。要压缩输出,请使用像optimize-css-assets-webpack-plugin这样的插件。 但是请注意,设置optimization.minimizer会覆盖Webpack提供的默认值,因此请确保还指定了JS压缩器:
const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
module.exports = {
optimization: {
minimizer: [
new UglifyJsPlugin({
cache: true,
parallel: true,
sourceMap: true // set to true if you want JS source maps
}),
new OptimizeCSSAssetsPlugin({})
]
},
plugins: [
],
module: {
rules: [
{
test: /\.css$/,
use: [
"css-loader"
]
}
]
}
}