我的Vue项目使用路由组件加载,打包后,css文件和JS文件各有七八个,打开首页后,JS文件和CSS文件直接加载了一大堆
问题1:明明使用了组件懒加载,为什么首页会直接加载那么多JS文件和CSS文件
问题2:如果加载这些JS和css文件是无法避免的,那这些CSS和JS文件可以合并打包么?集中到一个文件中,可以减少请求数,性能更好一点吧
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 模式本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥20 机器学习能否像多层线性模型一样处理嵌套数据
- ¥20 西门子S7-Graph,S7-300,梯形图
- ¥50 用易语言http 访问不了网页
- ¥50 safari浏览器fetch提交数据后数据丢失问题
- ¥15 matlab不知道怎么改,求解答!!
- ¥15 永磁直线电机的电流环pi调不出来
- ¥15 用stata实现聚类的代码
- ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
- ¥20 docker里部署springboot项目,访问不到扬声器
- ¥15 netty整合springboot之后自动重连失效