问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

...使用vue打包时vendor文件过大或者是app.js文件很大的问题_百度知 ...

发布网友 发布时间:2024-05-09 13:15

我来回答

1个回答

热心网友 时间:2024-05-09 13:22


这篇文章主要介绍了使用vue打包时vendor文件过大或者是app.js文件很大问题的解决方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
第一次使用vue2.0开发,之前都是用的angular1.x。在使用vue-cli脚手架打包后(UI用的Element-ui),发现vendor文件很大,将近1M左右。后来翻阅资料才明白,原来webpack把所有的库都打包到了一起,导致文件很大。
我的解决办法:
1、把不常改变的库放到index.html中,通过cdn引入,比如下面这样:
然后找到build/webpack.base.conf.js文件,在 module.exports = { } 中添加以下代码
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等等,而vendor.xxx.js没了,剩下app.js 和manifest.js,而且app.js还很小,我这里是100k多一点。
这里我没有生成map文件,这样打包速度快一些,整个项目文件也小很多(map文件一般都很大);
取消生成map文件,找到config/index.js ,修改下面箭头指向为false,就行了。
刚开始使用,一路磕磕碰碰在所难免,也借鉴了很多前辈们的经验,所以在这里记录一下,希望能帮到更多的人。
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
抖音弹幕怎么关掉?怎么关闭抖音弹幕? 惠普LaserJet P3005D是否支持B5纸的双面打印? word打印出图片总是缺一部分怎么办-word打印图片不完整怎么解决_百度... 理想one哪里产的车辆? 抚州抚州ONE在哪里? one地址在哪里? 如何在图片上写字(如何在图片上添加文字) 网商贷为什么钱没到账 高级经济师职称怎么评 高级经济师需要评审吗 杭州百瑞运河大饭店有限公司怎么样? ...什么颜色的外套和打底衣?我有条冬天的粉红色半身长纱裙,想冬天搭外... ...外套,下面是白色蕾丝半身裙。配什么颜色鞋子好看?那配黑色丝袜?还是... 上海虹桥机场到黄浦徽宁路400号几路巴士车 形容一个人容易嫉妒用什么词小气 ...一男子于夜间杀死妻子和3个孩子事件,后自杀未遂,即投案自首_百度知 ... 冷藏车品牌有哪些? 请问你汉语拼音的韵母是哪几个 ...不知道有没有什么好的方法??爱乐维男士有用吗 肝素钠溶液和甲基丙烯酸羟乙酯按2:1混合为什么不互溶呀? 为何甲基丙烯酸羟乙酯会溶解ABS 构成国有事业单位人员失职罪的要件有哪些? 怎么仿写《小草之歌》 对老公的祝福语8个字 轻度汗疱疹用哪种药膏好? 尿素维e软膏能和复方酮康唑软膏一起用吗 求今天的农历。 二月二十七能不能安葬 中传MFA考研考点:美丑对照原则 今年清明节的农历是 电机定子匝间和功率有什么关系 电动三轮车左面座下面是手刹,右边座下面也有一个把手。。。是什么啊... 大花美人蕉和天堂鸟有区别吗? 天堂鸟叶子会脱色吗 不起定位作用的元件是 计量经济学课程设计为啥会显示tmpnotfound 从万科魅力之城到青羊宫老年大学怎么坐车 从巴沟村到回民公墓怎么坐公交车,最快需要多久 空压机的压力大小调节有几种方法呢? 落叶是疲倦的蝴蝶中的落叶寄托了作者的什么样的情感 落叶有落叶的美,它是疲倦了的蝴蝶。我甚至能感觉到落下来的叶子们轻轻的... 为什么落叶被比喻为疲倦的蝴蝶? 《落叶是只疲倦的蝴蝶》秋来了,落叶的表现是什么? 头晕想吐昨天晚上还好好的早上起来发突然感觉头晕就吃点饭后来就想吐... 光电传感器直流24伏的,VCC代表十极吗?GND代表一极吗? 直角算不算垂直 ex的导数怎么求? 数学i是是什么意思意思? 什么相同属相可以婚配,十二生肖婚配 上帝是个女孩那首英文歌是谁唱的