解决首次加载时间过长的问题 当打包构建应用时,JavaScript 包会变得非常大
使用vue异步组件
在 router/ index.js 文件中 引入组件
const Login = () => import('../views/Login')
*成为异步组件后,需要加载时 才会加载 *
异步组件分块
- 分块之后,需要加载时 就会加载这一块的组件 *
const Login = () => import(/* webpackChunkName: "user" */ '../views/Login');
const User = () => import(/* webpackChunkName: "user" */ '../views/User')