Vue实现懒加载(基于babel)
一. 安装对应依赖
两种方法：分别针对于终端和可视化窗口，
第一种方式为：打开终端-输入npm i –-save-dev@babel/plugin-syntax-dynamic-import
第二种方法为：打开可视化窗口-依赖面板-安装依赖-选择开发依赖-搜索安装@babel/plugin-syntax-dynamic-import插件
二. 原理分析
为达到优化文件体积，加快页面传输使用懒加载功能，懒加载即将不同的路由对应的代码块进行分离打包，优化了文件传输的效率
三. 操作原理
(1) 安装完成之后，打开babel.config.js文件，将@babel/plugin-syntax-dynamic-import配置到plugins数组当中
(2) 接下来，将以下代码段的格式选择性地配置到router/index.js文件当中
需要注意的是Bar当中group-foo字段可以将多个import路由通过命名合并的形式打包成一个整体，如下
而Baz当中group-boo 象征独立名称打包，如下
完成
