如何在Webpack中使用Terser插件保持空格和缩进？

Question

如何使用webpack构建我的react应用，并跳过最小化步骤中删除空格的部分。我不想关闭最小化，而只是想跳过空格删除。我尝试过

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

但是它没有满足我的要求。

terser中是否有一个选项可用于跳过空格删除？

Answer 1

哦，这很难。 Terser具有beautify option的输出。因此，在Webpack配置中，它看起来像这样：

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