今天小编就为大家分享一篇解决vue-cli脚手架打包后vendor文件过大的问题。具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
大家会遇到打包后文件很大，导致页面初始化加载的速度很慢。会出现白屏的现象。这一般是你打包的vendor太大的缘故。如果你打包后看到你的vendor文件有700kb以上。你就要考虑怎么处理。
处理这种文件的
1、把不常改变的库放到index.html中，通过cdn引入，比如下面这样：
然后找到build/webpack.base.conf.js文件，在 module.exports = { } 中添加以下代码
externals:{ 'vue':'Vue', 'element-ui':'ELEMENT', 'mint-ui':'MINT', 'axios':'axios', 'vue-router':'VueRouter', },
2、通过路由的懒加载
export default new VueRouter({//这个为什么用VueRouter 是通过script标签引入的 mode: 'history', routes: [ { path: '/', redirect: '/master/closestore/today' }, { path: '/master/cl<b>本文来源gao@!dai!ma.com搞$$代^@码!网</b>osestore/today', name: 'CloseingCount', component: resolve => require(['@/components/ClosingCount'], resolve) }, ]});
以上就是解决vue-cli脚手架打包后vendor文件过大的问题的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：解决vue-cli脚手架打包后vendor文件过大的问题
转载请注明原文链接：解决vue-cli脚手架打包后vendor文件过大的问题
