我的Vue项目使用路由组件加载,打包后,css文件和JS文件各有七八个,打开首页后,JS文件和CSS文件直接加载了一大堆
问题1:明明使用了组件懒加载,为什么首页会直接加载那么多JS文件和CSS文件
问题2:如果加载这些JS和css文件是无法避免的,那这些CSS和JS文件可以合并打包么?集中到一个文件中,可以减少请求数,性能更好一点吧
![](https://profile-avatar.csdnimg.cn/54d9214ba74a4879a61a42305c57a42e_lsw7777777.jpg!4)
Vue使用组件懒加载后,页面对应的JS和css文件也会懒加载么?
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
1条回答 默认 最新
关注
逻辑上来说 你 import 同样还是引入了很多组件 这个了解吧?
我这边的理解是
问题1:
路由懒加载只是相对于你当前的页面这个路由进行了拆分js,那你路由下同样可能引入了使用的其他js(node_modules)包?那你觉得 在这个 路由js 进行解析的时候,其他的js是不是也要引入到你的路由js当中去呢?问题2:
这个问题怎么说呢?合并肯定是可以合并的 或者你也可以直接删除,但是其实浏览器请求是有并发量的、在并发10左右的情况下其实是不影响你的加载速度的,就好像,我去访问一个页面这个页面有10个请求这 10个请求其实是并行走的,下次在访问当前页面就是走本地缓存了,就很快,但同时你如果不需要很多js文件只要1个?反而言之你的首屏加载速度就会很慢、其实像懒加载也就没有了意义。【问题】路由按需加载(路由懒加载),js 多余文件的问题? - SegmentFault 思否 SegmentFault 思否是中国领先的开发者技术社区。我们以技术问答、技术专栏、技术课程、技术资讯为核心的产品形态,为开发者提供纯粹、高质的技术交流平台。https://segmentfault.com/q/1010000040909621/
上方是 变更 prefetch 模式本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 在若依框架下实现人脸识别
- ¥15 网络科学导论,网络控制
- ¥100 安卓tv程序连接SQLSERVER2008问题
- ¥15 利用Sentinel-2和Landsat8做一个水库的长时序NDVI的对比,为什么Snetinel-2计算的结果最小值特别小,而Lansat8就很平均
- ¥15 metadata提取的PDF元数据,如何转换为一个Excel
- ¥15 关于arduino编程toCharArray()函数的使用
- ¥100 vc++混合CEF采用CLR方式编译报错
- ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
- ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
- ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同