Vue-cli生成的项目,使用webpack打包,会打包成一个html页面和一个js文件,导致页面首次加载非常的慢,为了解决这个问题,使用异步组件,将他打包成多个js文件,优化首次加载页面速度,采用了异步加载,什么时候需要什么时候加载。
使用:(router.js)
before(不优化): import Login from '@component/login'
// 方法一:
later(优化后):const Login = resolve => require(['@component/login'], resolve)
// 方法二:
const Login = () => import('@component/login')
注:如有不同见解 —邮箱:L1591210160@163.com