前端构建产物应该怎样分析体积?
通过统计报告和 source map 找出大依赖、重复模块和错误引入,避免只看总 KB 数字。
参考答案
体积分析应先区分原始大小、压缩后传输大小和解压后的执行成本,再查看模块树和重复依赖。报告可以帮助定位整包引入、重复版本、未生效的 tree shaking 和意外进入首屏的代码。
优化前要先确认真实瓶颈。一个模块体积大不一定需要删除,可能是首屏关键能力;把所有代码都拆成小块也会增加请求、解析和缓存复杂度。应结合入口、页面访问路径和性能指标设置预算。
分析报告可能包含源码路径和业务信息,不应直接公开上传。source map 和分析文件应限制访问,生产构建要明确是否发布 source map 以及错误监控如何保护它。