npx size-limit npx bundlesize --config bundlesize.config.json du -h dist/assets/*.js | sort -h | tail -5
版本发上去首屏慢了 400 毫秒,对比两个 tag 的 dist,vendor 从 1.9MB 涨到 2.2MB,提交记录里没有任何体积相关的检查。这类现象通常不是突然出现的,往前翻半天日志能看到苗头。
追下去是这么回事:构建只保证成功,不比较产物大小,依赖升级或新引入的库会静默进包。体积回归要等线上监控才发现,那时已经发了几版。
围绕「产物体积预算」排查时,命令行跑一遍比在面板里点十次有用,面板会替你做掉不少隐式操作。同一份配置存在多处的,先确认改的是被加载的那一份。
新版本先放一台机器上跑一天再全量,问题一般在这段时间暴露。备份不是备了就行,恢复一次才算数,很多备份文件打开才发现是空的。
处理上按这个顺序:在 CI 里加 size-limit 或 bundlesize 对主 chunk 设阈值;把当前体积作为基线 超过 5% 直接失败;产物报告按包拆分 定位是哪个依赖变大;对新增依赖要求说明体积影响。
确认没问题再收工,CI 在体积超阈值时失败 报告里能看到具体涨了的 chunk 名。
