我的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 模式本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥100 需要跳转番茄畅听app的adb命令
- ¥50 寻找一位有逆向游戏盾sdk 应用程序经验的技术
- ¥15 请问有用MZmine处理 “Waters SYNAPT G2-Si QTOF质谱仪在MSE模式下采集的非靶向数据” 的分析教程吗
- ¥50 opencv4nodejs 如何安装
- ¥15 adb push异常 adb: error: 1409-byte write failed: Invalid argument
- ¥15 nginx反向代理获取ip,java获取真实ip
- ¥15 eda:门禁系统设计
- ¥50 如何使用js去调用vscode-js-debugger的方法去调试网页
- ¥15 376.1电表主站通信协议下发指令全被否认问题
- ¥15 物体双站RCS和其组成阵列后的双站RCS关系验证