摇树不起作用 - webpack 4 和 uglifyjs-webpack-plugin答案

【问题标题】：Tree shaking not working - webpack 4 and uglifyjs-webpack-plugin摇树不起作用 - webpack 4 和 uglifyjs-webpack-plugin
【发布时间】：2018-08-30 00:09:16
【问题描述】：

我已经尝试根据 webpack 文档将 UglifyJSPlugin 添加到 webpack 4 项目中，但我仍然在我的包中看到死代码甚至 cmets，这让我认为我的 uglify 插件配置没有被使用.

Link to project

docs 声明“为了利用摇树，您必须...
- 使用 ES2015 模块语法（即导入和导出）。 done
- 在项目的 package.json 文件中添加“sideEffects”条目。 done .
- 包括一个支持删除死代码的压缩器（例如 UglifyJSPlugin）。" done

不过，未使用/未导入的 leftpad 函数和 cmets 仍包含在我的包中。

所有配置都可以看到here。根据我看到的结果，我怀疑这与我的 webpack 配置中的 uglify settings 有关。

要重现，请拉动repo 并运行yarn build

【问题讨论】：

卡住了......你能在哪里解决这个问题？
webpack --verbose [...other opts] 的输出是什么？

标签： webpack uglifyjs tree-shaking

【解决方案1】：

tree shaking 仅在生产模式下启用

见https://github.com/webpack/webpack/issues/6992#issuecomment-379665061

This explanation 具有误导性，因为不仅需要 UglifyJsPlugin，还需要一堆插件才能按照here 的说明工作。

我没有尝试启用所有插件以查看它是否有效。我尝试了“--optimize-minimize”选项，但它不起作用。

【讨论】：