Vue路由懒加载

概念：把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件
路由懒加载 | Vue Router
具体需要 3 步：
① 安装 @babel/plugin-syntax-dynamic-import 包。

npm install --save-dev @babel/plugin-syntax-dynamic-import

② 在 babel.config.js 配置文件中声明该插件。

{
  "plugins": ["@babel/plugin-syntax-dynamic-import"]
}

③ 将路由改为按需加载的形式，示例代码如下：

//router/index.js
// import Login from '../components/Login.vue' 改成如下
const Login = () => import( /* webpackChunkName: "login" */ '../components/Login.vue')