引出懒加载
我们先自己写的webpack,会把资源全部打包到一个js文件里面(css和js都在里面),这样如果项目比较大,那么这个js文件的大小很大,那么用户一次性请求的时候,可能就会出现卡顿。
所以一般vue默认配置的webpack打包时是会对js还有css进行分包的:
js分包的每个文件作用如下:
但是,app开头的js文件里面全部都是自己的代码,其实真正很大的也是自己的代码,第三方框架一般也只有1万多行(jq、vue),而且自己的代码如果项目很大,那么很轻松会超过几万行,这时候就要用到懒加载了!懒加载会把js再次进行划分,当需要的时候再请求,而不是一次性全部请求完!
源码解释:
man开头的文件(即提供底层支撑的代码)的核心就是框出的:
懒加载
效果
注意:
这里一个懒加载对应的就是一个新的文件!
使用方式
注意:
一般直接使用第三种就行了!