webpack - 如何在 webpack 中使用 Terser 插件保留空格和缩进？

Question

如何使用 webpack 构建我的反应应用程序并跳过删除空格的最小化步骤部分。我不想关闭最小化，但只想跳过空格删除。我试过了

minimizer: [
      new TerserPlugin({
        parallel: true,
        compress: false,
      }),
    ],

但它没有做我想要的。

我可以使用 terser 中的选项来跳过空格删除吗？

Answer 1

哦，这是一个难以捉摸的问题。Terser 有输出beautify选项。所以在 Webpack 配置中它看起来像这样：

optimization: {
    minimizer: [
        new TerserPlugin({
            terserOptions: {
                mangle: false,
                compress: false,
                output: {
                    beautify: true
                }
            }
        })
    ]
}