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

Question

我一直在使用mini-css-extract-plugin来优化CSS。今天我发现了一个新项目，来自 here 的 css-minimizer-webpack-plugin，这个项目似乎与 mini-css-extract-plugin.

做同样的事情

css-minimizer-webpack-plugin有什么好处？我阅读了 google 的文档和文章，似乎没有人在谈论它？我应该用 css-minimizer-webpack-plugin 代替 mini-css-extract-plugin 吗？

Answer 1

它们的目的不同。 css-minimizer-webpack-plugin用于压缩由min-css-extract-plugin生成的css个文件。这是你的用法（我在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()],
 }

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

Webpack, css-minimizer-webpack-plugin vs mini-css-extract-plugin

css

webpack

mini-css-extract-plugin