Vue项目打包优化（MD.10）

好久不见，最近很忙，大家依然可以关注漫岛的最新动态。
今天要说的是Vue项目的一些打包技巧，都是我在漫岛使用过的，因为我们没钱买高配置服务器（目前还是个测试服务器），所以就只能把优化做到更优了。
随着项目开发，上线包体积的增大，尤其是我们的vendor.js,这会让项目首屏加载缓慢，白屏好一阵子，这显然是很loser的。于是我便进行了以下几步操作，成功的优化了vendor.js的体积，以前1m多的现在只有200来k。直接说我具体用了哪些手段吧！

1.路由懒加载
vue-router为我们提供了路由懒加载功能，非常省心，使用也简单。在router.js里面，原来这么写的

//原来这么引入的模块的
import UserHome from  '@/views/user/UserHome.vue';
import ImageWorks from '@/views/user/user-works/ImageWorks.vue'
//现在是按需引入
const UserHome = () =>
	import( /* webpackChunkName: "group-userhome" */ '@/views/user/UserHome.vue');
const ImageWorks = () =>
	import( /* webpackChunkName: "group-userhome" */ '@/views/user/user-works/ImageWorks.vue');

const VideoWorks = () =>
	impor