[英]Webpack, css-minimizer-webpack-plugin vs mini-css-extract-plugin
I am always using mini-css-extract-plugin
to optimize CSS.我总是使用mini-css-extract-plugin
来优化 CSS。 Today I found a new project, css-minimizer-webpack-plugin
fromhere , seems like this project do the same thing as mini-css-extract-plugin
.今天我从这里找到了一个新项目css-minimizer-webpack-plugin
,看起来这个项目和mini-css-extract-plugin
做同样的事情。
What is the advantage of css-minimizer-webpack-plugin
? css-minimizer-webpack-plugin
的优势是什么? I read the docs and article from google, seems no one is talking about it?我从谷歌阅读了文档和文章,似乎没有人在谈论它? Should I use css-minimizer-webpack-plugin
to replace the mini-css-extract-plugin
?我应该使用css-minimizer-webpack-plugin
替换mini-css-extract-plugin
吗?
They are not for the same purpose.它们的目的不同。 css-minimizer-webpack-plugin
is used to compress the css files produced by min-css-extract-plugin
. css-minimizer-webpack-plugin
用于压缩min-css-extract-plugin
产生的 css 文件。 Here is how thy are used (I am in webpack.config.js
):这是你的使用方式(我在webpack.config.js
):
//min-css-extract-plugin goes in the plugins array
plugins: [
new MiniCssExtractPlugin({
filename:
mode === "production"
? "css/[name].[contenthash].chunk.css"
: "css/[name].css",
}),
],
//css-minimizer-webpack-plugin goes in the optimization object in minimizer array
optimization:{
minimizer: ["...", new CssMinimizerPlugin()],
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.