今天小编就为大家分享一篇解决vue-cli脚手架打包后vendor文件过大的问题。具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

第一次使用vue2.0开发，之前都是用的angular1.x。在使用vue-cli脚手架打包后（UI用的Element-ui），发现vendor文件很大，将近1M左右。。后来翻阅资料才明白，原来webpack把所有的库都打包到了一起，导致文件很大。 我的解决办法：   1、把不常改变的库放到index.html中，通过cdn引入，比如下面这样： 然后找到build/webpack.base.conf.js文件，在 module.exports = { } 中添加以下代码 externals:

大家会遇到打包后文件很大，导致页面初始化加载的速度很慢。会出现白屏的现象。这一般是你打包的vendor太大的缘故。如果你打包后看到你的vendor文件有700kb以上。你就要考虑怎么处理。 处理这种文件的 1、把不常改变的库放到index.html中，通过cdn引入，比如下面这样： [removed][removed] [removed][removed] <scr ipt src=