vite本地启动项目,第一次打开浏览器加载文件很慢,请问该怎么解决?

问题描述

vite本地启动项目,第一次打开浏览器加载文件很慢,请问该怎么解决?

network显示.vue文件请求时间每个都是十几秒
image.png

控制台也没有看到vite文档中提到的依赖预构建

当你首次启动 vite 时,你可能会注意到打印出了以下信息:
Optimizable dependencies detected: (侦测到可优化的依赖:)
react, react-dom
Pre-bundling them to speed up dev server page load...(将预构建它们以提升开发服务器页面加载速度)
(this will be run only when your dependencies have changed)(这将只会在你的依赖发生变化时执行)

image.png

问题出现的环境背景及自己尝试过哪些方法

看网上有人说安装vite-plugin-optimize-persist vite-plugin-package-config这两个插件,但是测试了一下没有效果,原因可能也是因为我的控制台没有提示有可以预加载的包吧

你期待的结果是什么?实际看到的错误信息又是什么?

阅读 7.5k
1 个回答

为啥我感觉你是单纯的网卡,亲,建议检查下网络。
预加载解决的是monorepo库包过多的问题。
你这个单纯的是网卡,然后请求过多,浏览器一次6个tcp请求,你每个耗时6s 3轮下来就是15秒左右了。
你还可以尝试下vue的路由懒加载,然后把<50k的包 多个合成一个,减少tcp链接数

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题