路由懒加载
第一种 通过syntax-dynamic-import插件实现懒加载
1 npm install --save-dev @babel/plugin-syntax-dynamic- import
2 在项目的根目录中新建一个vue.config.js文件夹,在文件夹中做如下配置
3 在项目中router文件下的Index.js这样配置(注释部分为之前的路由，下面的为懒加载后的路由)
怎么看懒加载有没有效果
1 这是加载后的,点击一个页面或者进入一个组件，都会在控制台出现一个css和js文件,这证明有效果了
没有做懒加载的效果是这样的:
2