摇树不工作 - webpack 4 和 uglifyjs-webpack-plugin

Question

我已经尝试根据 webpack 文档将 UglifyJSPlugin 添加到 webpack 4 项目中，但我仍然在我的包中看到死代码甚至评论，这让我认为我的 uglify 插件配置不是正在使用。

Link to project

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

我的捆绑包中仍然包含 unused/unimported leftpad 功能和评论。

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

要复制，请拉 repo 和 运行 yarn build

Answer 1

tree shaking is only enabled in production mode

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

This explanation is misleading, because not only UglifyJsPlugin but also a bunch of plugins are needed to make it work as explained here.

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