使⽤vue打包时vendor⽂件过⼤或者是app.js⽂件很⼤的问题
第⼀次使⽤vue2.0开发，之前都是⽤的angular1.x。在使⽤vue-cli脚⼿架打包后（UI⽤的Element-ui），发现vendor⽂件很⼤，将近1M左右。。后来翻阅资料才明⽩，原来webpack把所有的库都打包到了⼀起，导致⽂件很⼤。
我的解决办法：
1、把不常改变的库放到index.html中，通过cdn引⼊，⽐如下⾯这样：
然后找到build/f.js⽂件，在 ports = { } 中添加以下代码
externals: {
'vue': 'Vue',
'vue-router': 'VueRouter',
'element-ui': 'ELEMENT',
},
这样webpack就不会把vue.js, vue-router, element-ui库打包了。声明⼀下，我把main.js中对element的引⼊删掉了，不然我发现打包后的app.css还是会把element的css打包进去，删掉后就没了。
然后你打包就会发现vendor⽂件⼩了很多~
如果你还不满⾜，请接着往下看·····
2、vue路由的懒加载（具体作⽤，官⽹查看哦，这⾥就不多介绍了）。
刚开始我们使⽤路由可能是下⾯这样（router.js），这样⼀开始进⼊页⾯就会把所有的路由资源都加载，如果项⽬⼤，加载的内容就会很多，等待的时间页就会越长，导致给⽤户的不好的体验效果。
为了把路由分模块，然后每次进⼊⼀个新页⾯才加载该页⾯所需要的资源（也就是异步加载路由），我们可以像下⾯这样使⽤(router.js)：
然后你打包就会发现，多了很多1.xxxxx.js；2.xxxxx.js等等，⽽js没了，剩下app.js 和manifest.js，⽽且app.js还很⼩，我这⾥是100k多⼀点。
这⾥我没有⽣成map⽂件，这样打包速度快⼀些，整个项⽬⽂件也⼩很多（map⽂件⼀般都很⼤）;
取消⽣成map⽂件，找到config/index.js ，修改下⾯箭头指向为fal，就⾏了。
刚开始使⽤，⼀路磕磕碰碰在所难免，也借鉴了很多前辈们的经验，所以在这⾥记录⼀下，希望能帮到更多的⼈。
总结
以上所述是⼩编给⼤家介绍的使⽤vue打包时vendor⽂件过⼤或者是app.js⽂件很⼤的问题，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！
