Dead-code Webpack死代码测试与优化
dead-code 的 Webpack 死代码测试工具挺适合你拿来快速试一把 Tree Shaking 到底有没有生效。尤其是遇到像 lodash 这种“包大人”,用不对方式,打包瞬间爆炸。
lodash 的全量引入就像把百货公司搬进来,但你只用到一个isEqual
,结果 Uglify 也没能帮你精简干净。
它的两个测试文件test.js
和test2.js
,一个用了全量 lodash,一个用了lodash.isequal
,容易就能看出区别。你只要跑个简单命令:
webpack test.js out.min.js // 全量引入 + Uglify
webpack test2.js out2.min.js // 精简引入 + Uglify
一对比生成的文件大小,就能明白怎么选才是省包、省加载、省心的路子。
而且这个方式不复杂,适合日常快速验证 Tree Shaking 有没有生效,适合和Tree Shaking 原理或Uglify 插件配合学习。
如果你在调 Webpack 性能、或者尝试按需引入库,那这工具还挺值得收藏的。
103.74KB
文件大小:
评论区