webpack 网页包,css-minimizer-网页包插件vs迷你css-extract-插件

syqv5f0l  于 2022-11-13  发布在  Webpack
关注(0)|答案(1)|浏览(192)

我一直在用mini-css-extract-plugin来优化CSS。今天我发现了一个新的项目,css-minimizer-webpack-plugin来自here,看起来这个项目做的和mini-css-extract-plugin一样。
css-minimizer-webpack-plugin的优势是什么?我看了google的文档和文章,似乎没有人在谈论它?我应该用css-minimizer-webpack-plugin来代替mini-css-extract-plugin吗?

qv7cva1a

qv7cva1a1#

css-minimizer-webpack-plugin用于压缩min-css-extract-plugin生成的css文件。下面是thy的使用方法(我在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()],
 }

相关问题