我的Vue项目使用路由组件加载,打包后,css文件和JS文件各有七八个,打开首页后,JS文件和CSS文件直接加载了一大堆
问题1:明明使用了组件懒加载,为什么首页会直接加载那么多JS文件和CSS文件
问题2:如果加载这些JS和css文件是无法避免的,那这些CSS和JS文件可以合并打包么?集中到一个文件中,可以减少请求数,性能更好一点吧
逻辑上来说 你 import 同样还是引入了很多组件 这个了解吧?
我这边的理解是
问题1:
路由懒加载只是相对于你当前的页面这个路由进行了拆分js,那你路由下同样可能引入了使用的其他js(node_modules)包?那你觉得 在这个 路由js 进行解析的时候,其他的js是不是也要引入到你的路由js当中去呢?
问题2:
这个问题怎么说呢?合并肯定是可以合并的 或者你也可以直接删除,但是其实浏览器请求是有并发量的、在并发10左右的情况下其实是不影响你的加载速度的,就好像,我去访问一个页面这个页面有10个请求这 10个请求其实是并行走的,下次在访问当前页面就是走本地缓存了,就很快,但同时你如果不需要很多js文件只要1个?反而言之你的首屏加载速度就会很慢、其实像懒加载也就没有了意义。