小编Ari*_*dez的帖子

我正在使用 webpack 的CssMinimizerWebpackPlugin（文档）。我最初按照文档上的建议配置它

  optimization: {
    minimize: true,
    minimizer: [
      // For webpack@5 you can use the `...` syntax to extend existing minimizers (i.e. `terser-webpack-plugin`), uncomment the next line
      // `...`,
      new CssMinimizerPlugin(),
    ],
  },

但这样做似乎main.js也阻止了我的文件被缩小。我决定更改它并将其放在plugins标签下，只需完全删除优化即可，如下所示：

    plugins: [
        //other plugins
        new MiniCssExtractPlugin(),
    ],

通过这种方式，它似乎可以工作，.css 和 .js 文件都被缩小了。我在上面提供的文档中没有找到任何对此的引用，所以我想知道为什么会发生这种情况？为什么在使用记录的设置时它不起作用？

作为参考，请在下面找到我的完整工作webpack 配置文件（请注意，我通过 --mode 标志传递开发或生产模式）：

const VueLoaderPlugin = require('vue-loader/lib/plugin')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const path = require('path')
const MiniCssExtractPlugin = require('mini-css-extract-plugin'); …