24 路由懒加载

引出懒加载

我们先自己写的webpack，会把资源全部打包到一个js文件里面（css和js都在里面），这样如果项目比较大，那么这个js文件的大小很大，那么用户一次性请求的时候，可能就会出现卡顿。

所以一般vue默认配置的webpack打包时是会对js还有css进行分包的：

js分包的每个文件作用如下：

但是，app开头的js文件里面全部都是自己的代码，其实真正很大的也是自己的代码，第三方框架一般也只有1万多行（jq、vue），而且自己的代码如果项目很大，那么很轻松会超过几万行，这时候就要用到懒加载了！懒加载会把js再次进行划分，当需要的时候再请求，而不是一次性全部请求完！

源码解释：

man开头的文件（即提供底层支撑的代码）的核心就是框出的：

懒加载

效果

注意：

这里一个懒加载对应的就是一个新的文件！

使用方式

注意：

一般直接使用第三种就行了！