Dead-code Webpack死代码测试与优化

dead-code 的 Webpack 死代码测试工具挺适合你拿来快速试一把 Tree Shaking 到底有没有生效。尤其是遇到像 lodash 这种“包大人”,用不对方式,打包瞬间爆炸。

lodash 的全量引入就像把百货公司搬进来,但你只用到一个isEqual,结果 Uglify 也没能帮你精简干净。

它的两个测试文件test.jstest2.js,一个用了全量 lodash,一个用了lodash.isequal,容易就能看出区别。你只要跑个简单命令:

webpack test.js out.min.js // 全量引入 + Uglify
webpack test2.js out2.min.js // 精简引入 + Uglify

一对比生成的文件大小,就能明白怎么选才是省包、省加载、省心的路子。

而且这个方式不复杂,适合日常快速验证 Tree Shaking 有没有生效,适合和Tree Shaking 原理Uglify 插件配合学习。

如果你在调 Webpack 性能、或者尝试按需引入库,那这工具还挺值得收藏的。

zip 文件大小:103.74KB