用 vite 打包默认打出来只有一个集成的 js ,使用 lighthouse 加载总时间 385ms ,使用 vite 配置 buildOptions 拆包后,把安装的第三方包全部拆出来,lighthouse 加载时间 484ms ,反而变长了,分析了一下原因,第二网络请求数量增多了,第二拆出来的 js 有很多相同的模板代码。那在前端项目打包上生产环境时,到底应不应该拆包呢,拆包反而影响性能? vite, lighthouse, 打包, 加载总
@tool2d 主要是按需加载 减少第一次加载的时间 另外如果 js 太大 也要拆 如果包比较多 必须开启 http2 才有意义 否则可能会更慢 另外一定要开 gz 甚至 br 压缩 另外拆包还有一个好处 尤其是第三方包 就是可以长期缓存(文件名一定要加 hash ) 这样一般情况下 新版本发布后 用户只要下载有变化的包 拆出来肯定有额外的代价 所以包不是越多越好