鲁达 VueCLI3.0的介绍以及安装使用在这里不再赘述，本篇文章主要探讨使用VueCLI3.0的项目怎么进行打包部署，需要做怎样的配置，以及部署到服务器上有什么问题，问题是如何解决的。
VueCLI3.0之打包（build）
VueCLI3.0的环境分为本地开发(development )、生产环境(production)和测试环境(test)。
生产环境下，需要配置vue.con如下信息：
还需要进行跨域配置，将服务的代理地址更换为实际的生产环境地址
然后在项目的文件位置cmd运行命令:
- npm run build
可以发现打包完成后项目文件中多了一个dist文件夹，拷贝dist文件夹中的内容即可以进行部署到服务器上。
放在public中的文件，发现打包后直接丢到dist文件夹中了。
所以public文件夹中存放的数据和引用资源最好放在一个文件夹下，比如新建resource目录，这样打包后文件夹就比较简洁了。
VueCLI3.0之部署
大部分系统如果部署到外网需要有固定ip的外网服务器，如果是小项目可可以租用阿里云的服务器进行部署。
阿里云服务器嘛，由于money的原因大家都懂的。
如果是1兆带宽的阿里云服务器的话，部署到tomcat，打开登录页的速度会让你怀疑人生，基本上都是几十秒才能全部加载完毕，这是用户根本忍受不了的。
怎么办呢？
- 第一种方法最直接，可以提高阿里云的带宽，就是多花钱。
- 第二种方法就是寻找打包优化、加载优化的路子。
打包优化的话通过一些方法是可以改善的，
1. 将路由的加载方式由
- import Home from './view;
变为
- component: () => import(/* webpackChunkName: " Home" */ './views/ Home.vue'),
2. 引用的第三方资源由webpack引入，变为cdn方式引用
3. 引用的echart、iview等第三方资源按需引用。
以上方法可以有效压缩打包后文件的体积，但是实际测试最直接、最有效的方法还是提高带宽。。。