（Update@17-08-24） | 对于这个问题，有写两篇文章，分别对体积和速度方面优化，予以探究，欢迎一起探讨；
Webpack 打包优化之体积篇
Webpack 打包优化之速度篇
首先，在写 Vue 的时候，应该采用懒加载模式，之后生成的包，就会被打入到不同分组的 js，运行时按需加载，详情见：Vue-路由懒加载；这个意义重大！
其次，可利用，webpack.DllReferencePlugin webpack.DllReferencePlugin 将常用不怎么变更的文件，打入一个统一的文件，外链使用。这个主要作用也可用来缩小包构建的时间；这个网上教程蛮多，就不赘述。也可参见这个项目 jade-blog 来配置；这一步即是你通过配置将部分库抽离出来，打包成另外的文件。
再次，可以利用 webpack-bundle-analyzer 可以分析打包后生成的文件结构，十分牛掰（最新 Vue-cli 带有此配置）；在 package.json 中配置如下命令 npm run analyz，运行即可查看之：
"analyz": "NODE_ENV=production npm_config_report=true npm run build"
对此可以分析研究，采取办法过滤掉重复的内容等... ... 其他还有诸如开启压缩啦，开启 Gzip 之类等等，来减小包的体积。
赘言：当然也可以从另一个维度来精细解决，即代码角度。非必需库可以不与引用，比如已经退出历史舞台的 JQuery,还有 momont 等。再有就是合理的去写，比如组件复用，合乎时宜的去使用混合诸次等等。
容继续学习，继续更新；
在vue.config.js文件中的chainWebpack配置插件，默认会在8888端口打开
根据之前打包分析图来看，主要是locale下moment的其他语言包占用体积较大。默认是en的语言包，所以在无需其他语言的情况下，可以直接忽略掉locale下的文件不打包。
解决方案：用webpack自带的IgnorePlugin插件
vue.config.js文件
将引用的外部js、css文件剥离开来，不编译到vendor.js中，而是用资源的形式引用，这样浏览器可以使用多个线程异步将vendor.js、外部的js等加载下来，达到加速首开的目的。
外部的库文件，可以使用CDN资源，或者别的服务器资源等。
cdn引入的地址可以参考官网
https://cn.vuejs.org/v2/guide/installation.html#CDN
也可以像这篇文章是直接在vue.config.js中配置cdn的url地址 vue-cli3打包项目引入外部CDN资源文件
moment的其他语言包没有被打包了，vue等文件也都用的cdn文件，没有被打包进去vendor。
