使用 terser webpack 插件如何避免使用注釋構建

Question

我正在使用更簡潔的 webpack 插件。 我試過這個配置。

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

但是，它仍然輸出一個 .LICENSE 文件。 如何構建沒有注釋的代碼。

Answer 1

應該

new TerserPlugin({
    extractComments: false,
})

見https://github.com/webpack-contrib/terser-webpack-plugin#extractcomments

Answer 2

使用 boolean terser 將嘗試生成一些許可證注釋和 .txt 文件：

extractComments: false,

這個解決方案對我有用：

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

Webpack 更簡潔的文檔

Answer 3

文檔還舉了一個“如果你避免使用評論構建”的例子：

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

注意： extractComments: false和terserOptions: { format: { comments: false } }選項都被使用。