路由懒加载

路由懒加载 主要针对于我们自己的代码，默认情况下我们写的代码会被打包到 app.xxx.js 中，如果我们的代码非常多，打包的文件越来越大，太大会影响首次加载速度。所以我们可以通过路由懒加载来优化它

//我们默认是import 自定义名称 from 组件路径 只针对本地加载的引用
import Login from '@/views/login/'

// 我们通过箭头函数来引用  webpack 就会把所有箭头函数引用 加载的资源分割成一个个独立的代码文件块
const Login = () => import ('@/views/login/')

把组件按组分块

// /* webpackChunkName: "group-foo" */ 为分组关键字  group-foo 为组名
const Login = () => import(/* webpackChunkName: "group-foo" */ '@/views/login/')

当这个组某一个模块加载了则此组所有模块都加载了