webpack打包时会将所有的依赖的第三方库打包在vendor文件中，当依赖的库比较多时，会导致vendor文件体积很大。
几种优化方式：
1.将不常变动的第三方库使用cdn的方式引入，写在script标签中，并且在webpack的配置文件中，配置external，webpack在打包的时候就不会打包进去。
2.dllplugin，将不经常变化的框架打包到dll中。
3.使用splitchunks进行代码的拆分。
打包速度方面的优化：
1.webpack默认使用uglify进行打包，是单线程的打包模式，可以使用异步的加载方式，happypack、parellelUglify多线程运行。
2.使用路由懒加载的方式，例如在vue-router的配置中，component属性使用按需加载的方式，const foo = resolve => require(./foo.vue,resolve);
原文：https://www.cnblogs.com/bounceFront/p/9242785.html