Webpack 4 禁用缩小但保留摇树答案

【问题标题】：Webpack 4 disable minification but retain-tree shakingWebpack 4 禁用缩小但保留摇树
【发布时间】：2019-03-20 17:15:20
【问题描述】：

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

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

optimization: {
  minimize: true
}

其中minimize设置为false，未缩小的文件不会抖掉未使用的函数。

这里有什么帮助吗？

【问题讨论】：

标签： webpack webpack-4 uglifyjs terser

【解决方案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'
            }
        }
    })]

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

【讨论】：

【解决方案2】：

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

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

【讨论】：