Webpack没有把CSS和JS缩小成一行并显示注释

Question

我正在运行npm run build命令，我希望它能缩小我的jss和css文件，但代码仍然分散在多行中，包括注释。如何告诉webpack将其压缩为单行并删除注释？

构建命令就是这样进入package.json的

"build": "npm run buildsprite && webpack --config ./webpack/webpack.config.prod.js --colors",

这是来自webpack.config.prod.js的优化块

optimization: {
  minimizer: [
    new TerserPlugin({
      test: /\.js(\?.*)?$/i,
      cache: true,
      parallel: true,
      sourceMap: true,
      extractComments: false,
    }),
  ],
},

Answer 1

根据文档，您的webpack.config.prod.js应该如下所示：

optimization: {
  minimize: true,
  minimizer: [
    new TerserPlugin({
      test: /\.js(\?.*)?$/i,
      cache: true,
      parallel: true,
      sourceMap: true,
      extractComments: false,
    }),
  ],
},

您需要minimize: true，这样webpack才能真正地减少使用