webpack - 如何在 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
                }
            }
        })
    ]
}