老师请问一下 webpack 4 中需要怎么配置才能达到 Tree Shaking ?

来源:3-15 由浅入深 webpack - Tree-shaking - JS Tree-shaking

PayneW

2018-12-06

你视频里配置的 Webpack.optimize.uglifyJS 在 Git Bash 中编译时提示已经移除了,我按照官网给出的文档,配置了 package.json 中的 “sideEffects”: false; 在 webpack.config.js 中也设置了 mode: “production”,打包完后在 app.bundle.js 中 未使用的 b 和 c 函数还是存在。 利用 babel 插件来 shaking lodash 是正常的。
希望您能帮忙解答一下,感谢!

写回答

1回答

qbaty

2018-12-28

这个是因为lodash 的特殊性,现在还有很多库的代码并不能直接tree shaking,需要借助babel 插件。。可能未来就慢慢的都能自动tree shaking 了,我现在对lodash 也是通过babel 插件来tree-shaking 

0
1
PayneW
非常感谢!
2018-12-28
共1条回复

四大维度解锁Webpack3.0前端工程化

前端开发标配,灵活掌握Webpack3.0的使用可以极大的提高前端开发的效率

1188 学习 · 403 问题

查看课程