webpack - Webpack 4 禁用缩小但保留摇树

Question

我正在寻找一种禁用文件缩小但保留摇树的方法。

Terser Plugin 负责树抖动，但显然只有在将最小化设置为 true 时，并且在 Webpack 生产模式下。

optimization: {
  minimize: true
}

其中minimize设置为false，未缩小的文件不会抖出未使用的功能。

这里有什么帮助吗？

Answer 1

    config.optimization.usedExports = true
    config.devtool = 'inline-source-map'
    config.optimization.minimize = true
    config.optimization.minimizer =  [new TerserPlugin({
        extractComments: false,
        terserOptions: {
            compress: {
                defaults: false,
                unused: true
            },
            mangle: false,
            format: {
                comments: 'all'
            }
        }
    })]

这将有效，但仍会删除空格。

Answer 2

optimization: {
  minimize: false,
  usedExports: true,
}

您应该能够使用 webpack 现有的optimization.usedExports配置来实现编译树的摇晃。