vue-项目优化
通过vue.config.js 修改webpack的默认配置
通过vue-cli 3.0工具生成的项目，默认隐藏了所有webpack的配置项，目的是为了屏蔽项目的配置过程
如何需要修改webpack默认配置的需求，可以在项目根目录中，按需创建vue.config.js这个配置文件，从而对项目的打包发布过程做自定义的配置
configureWebpack 和chainWebpack
在vue.config.js导出的配置对象中，新增configureWebpack 或chainWebpack节点，来自定义webpack的打包配置
configureWebpack 和chainWebpack的作用相同，唯一的区别就是它们修改webpack配置的方式不同：
（1）chainWebpack通过链式编程的形式，来修改默认的webpack配置
（2）configureWebpack 通过操作对象的形式，来修改默认的webpack配置
通过chainWebpack自定义打包入口
上面是发布模式 --------------------下面的是开发模式
通过externals加载外部CDN资源
默认情况下，通过import语法导入的第三方依赖包，最终会被打包并到同一个文件中，从而导致打包成功后，单文件体积过大的问题
通过webpack的externals节点，来配置并加载外部的CDN资源。凡是声明在externals中的第三方依赖包，都不会被打包
●1.在发布模式中加入（用到的依赖文件）：
●2.在public/index.html文件的头部，添加相关的cdn资源css文件的使用
●3.在public/index.html 文件的头部，添加相关的CND资源js文件的使用
路由懒加载
●1.安装@babel/plugin-syntax-dynamic-import插件
●2.在babel.config.js配置文件中声明该插件
●3.将路由改为按需加载的形式: