使用Terser Webpack插件如何避免使用注释进行构建

Question

我正在使用terser webpack插件。我尝试使用此配置。

optimization: {
    minimize: true,
    minimizer: [
      new TerserPlugin({
        terserOptions: {
          output: {
            comments: false,
          },
        },
      }),
    ],

但是，它仍然输出.LICENSE文件。如何构建无注释的代码。

Answer 1

使用boolean terser会尝试生成一些许可证注释和.txt文件：

extractComments: false,

此解决方案对我有用：

new TerserPlugin({
  extractComments: (astNode, comment) => false,
})

Webpack terser documentation

Answer 2

应该是

new TerserPlugin({
    extractComments: false,
})

请参阅https://github.com/webpack-contrib/terser-webpack-plugin#extractcomments

Answer 3

docs 还给出了“如果您避免使用注释构建”的示例：

module.exports = {
  optimization: {
    minimize: true,
    minimizer: [
      new TerserPlugin({
        terserOptions: {
          format: {
            comments: false,
          },
        },
        extractComments: false,
      }),
    ],
  },
};

注意：同时使用 extractComments: false 和 terserOptions: { format: { comments: false } } 选项。