文章插图
比如上面的 moment、lodash 两个库，占整个文件的比重非常大，它们的大小远远超出它们的使用价值，我们可以将它们都转换成 ES 模块，则它们可以变得更小更优化 。
Lighthouse
文章插图
使用 Lighthouse，同样可以通过 SourceMap 分析我们打包产物中未使用的 JavaScript 代码 。
文章插图
另外还有一个正在探索中的功能，可以利用 SourceMap 分析打包产物中在新浏览器不需要的 polifill 代码 。
以上就是几种分析 JavaScript 打包产物的工具和方法，赶快用起来去优化你的 JavaScript 打包产物吧！
作者：ConardLi
转发链接：https://mp.weixin.qq.com/s/emJ_LjG7FNR81cxl8BnrMA
【分析网页 JavaScript Bundles 的几种方法】
推荐阅读
- 红楼梦秋桐人物分析 红楼梦中秋桐是什么结局
- 黑客大神的Weblogic 远程命令执行漏洞分析
- Keepfast v0.6.2 发布，前端性能分析工具
- excel常用的趋势分析图，值得收藏
- JavaScript 中如何检查对象为空
- 常见的地貌类型分析
- 从数据库到可视化性能，5个大数据分析工具测评，python只排倒数
- 七雄争霸武将性格分析
- 近期大益行情简要分析,大益几款低级别熟茶区别
- 加密钱包漏洞利用与分析