Vue/cli@4打包优化

0.打包

执行npm run build即可完成打包，生成一个dist文件夹
出现的问题：
打开浏览器之后，是个空白页
解决：
在vue.config.js中配置publicPath:"./"，vue.config.js文件与根目录同一个级别，没有的话创建一个

1.路由懒加载

在路由的配置文件src/router/index.js中配置
以箭头函数的形式加载组件即可

遇到的问题：
看到别人博客中通过下面这种方式实现懒加载

component: resolve => require(['@/component/index'],resolve)

不知道是不是可行= =，但是我打包的时候出错了
各种百度，发现编译器在我写上面那个箭头函数的时候默默给我添了一句下面的代码

解决：
删掉红框中的这句话即可

2.CDN加载

1.在index.html文件中引入资源Vue,element-ui,axios

script标签可以从https://www.bootcdn.cn/这个网址中获得


2.在vue.config.js文件中添加下面语句

3.删除src/index.js文件中对vue，element-ui，axios的引入

遇到的问题：
1.第二步中externals中配置的"element-ui":"ELEMENT"必须这么写！！！
2.element-ui与vue是有依赖关系的，element-ui使用CDN加载的话，vue也必须使用CDN加载。
3.上线后浏览器出现vue is not defined的错误，好像是我script标签引入的版本太新了？？？修改成图中script标签引入vue的路径，没有出现该错误。