javascript - webpack和TerserPlugin：compress没有开启，但是输出是一行

Question

在 webpack 配置中，我使用 terser-webpack-plugin。我将 compress 属性设置为 false，但输出为一行。配置如下

const TerserPlugin = require('terser-webpack-plugin')
module.exports = {
  //...
  optimization: {
    minimize: true,
    minimizer: [new TerserPlugin({
      sourceMap: true,
      terserOptions: {
        compress: false,
        mangle: true
      }
    }
    )]
  }
}

我要JS bundle多行无注释和mangle，怎么写webpack的配置？

版本：

• “terser-webpack-plugin”：“^2.3.5”
• "webpack": "^4.39.1",
• 节点：v12.13.0

标签： javascriptnode.jswebpack

Answer 1

我只能断言，我也看不到这是如何工作的。也许 Webpack 的最小化覆盖了 Terser 的compress选项？

您可以通过“美化”输出来获得多行结果：

const TerserPlugin = require('terser-webpack-plugin');

module.exports = {
  optimization: {
    minimize: true,
    minimizer: [
      new TerserPlugin({
        sourceMap: true,
        terserOptions: {
          mangle: true,
          output: {
            beautify: true
          }
        },
      }),
    ],
  },
};