Webpack、css-minimizer-webpack-plugin 与 mini-css-extract-plugin

Question

我一直用mini-css-extract-pluginCSS来优化。今天我发现了一个新项目，css-minimizer-webpack-plugin从这里看，这个项目似乎做了同样的事情mini-css-extract-plugin。

优点是什么css-minimizer-webpack-plugin？我读了谷歌的文档和文章，似乎没有人在谈论它？我应该用css-minimizer-webpack-plugin来替换mini-css-extract-plugin吗？

Answer 1

他们不是为了同一个目的。css-minimizer-webpack-plugin用于压缩 .css 生成的 css 文件min-css-extract-plugin。这是你的使用方式（我在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()],
 }