探寻webpack打包vue项目特别慢问题
前端vue2项目中,多人开发,从一段时间开始发现打包变得特别慢,每次线上更新也至少要10几20分钟,正常项目线上更新一般也就1、2分钟,新需求开发拉新分支本地运行也要至少5、6分钟才能运行的起来。查找问题
为了找出打包慢的原因,我们首先得找到到底是哪些文件太大还是耗时太久?这中间用到了两个插件:webpackbundleanalyzer:分析打包过后的包的大小speedmeasurewebpackplugin:分析各个插件和loader打包用时
1。安装webpackbundleanalyzerNPMnpminstallsavedevwebpackbundleanalyzerYarnyarnaddDwebpackbundleanalyzer
2。安装speedmeasurewebpackpluginNPMnpminstallsavedevspeedmeasurewebpackpluginYarnyarnaddDspeedmeasurewebpackplugin
3。配置webpack这两个插件vue。config。jsconstBundleAnalyzerPluginrequire(webpackbundleanalyzer)。BundleAnalyzerPluginconstSpeedMeasurePluginrequire(speedmeasurewebpackplugin)module。exports{configureWebpack:config{config。plugins。push(newBundleAnalyzerPlugin())config。plugins。push(newSpeedMeasurePlugin())}}插件分析结果打包总时间:5分30。61秒打包文件总大小:24。03MB打包时间比较长的插件和loader:vuevueloaderv15、minicssextractplugin、cssloader、postcssloader、stylusloader、cacheloader打包最大的单个文件:依赖了echarts的页面,大小为3。79MB,还有xlsx和html2canvas也比较大
猜测大饱满可能是echarts造成的,项目里是直接全部导入的echarts库,其实项目中只用到了一个折线图,先改成按需导入按需导入echarts打包分析结果
echarts官方文档
按需引入封装的echarts。js,项目中只用到了一个折线图,所以只需引入LineChart:引入echarts核心模块和Canvas渲染器importasechartsfromechartscoreimport{CanvasRenderer}fromechartsrenderers引入折线图图表import{LineChart}fromechartscharts引入图表里用到的组件import{LegendComponent,GridComponent,}fromechartscomponents注册必须的组件echarts。use(〔LegendComponent,GridComponent,CanvasRenderer,LineChart〕)exportdefaultechartstemplatetemplate打包总时间:5分52。31秒打包文件总大小:22。07MB打包后的echarts的只有1点多MB
打包的文件大小确实有变小,但是打包时间缺变得更长了。
注意上面的分析都是基于npmrundev打的开发包。这一下下的,给我搞得都不废了,最终打包慢的问题还在寻找中。。。
浅冬,遇见最美中国色当漫漫长夜日渐笼罩岁月的寒凉,当深秋转身成浅冬。十一月,带着最后一丝斑斓,和冬的素雅一起,将不胜枚举的色彩赠予人间。这个时候,花叶果实,流水山岚,都卯足了劲儿地释放着,将攒了一年的
俄罗斯套娃,让我想起了十几年前的事当时我们几个人到海参崴去玩,也算是出国吧。这个地方原本是中国的国土,但现在成了别人的地方,心里总是怪怪的。海参崴,海鲜和冰激凌是物美价廉。俄罗斯女孩儿,也非常漂亮。我们吃团餐的地方
藏地密码藏地密码,读完,想写一点书评,以表自己对这本书的欢喜作者何马,生于中国四川省藏区。内向,不喜说话,好读书,涉猎极为广泛,尤其对军事汽车枪械天文地理历史等有着长期关注和深入研究同时痴
江西的这座山有个奇怪的名字,置身其中,仿佛走进了一个雕塑世界在路上,总会有新奇的发现。就像江西的这座山一样,初闻,并无太多新感,但真正身临其中,仿佛又打开了一个新世界!它横亘于赣东北,与龙虎山共同组成世界自然遗产中国丹霞它有个奇怪的名字,非
任贤齐应邀出席香港味道?香港味道网友吃过吗?9月13日,由香港特别行政区政府旅游发展局与香港中华总商会主办,香港美食文化会承办,中国烹饪协会协办的香港味道美食艺术展在香港铜锣湾香格里拉酒店举行,台湾著名艺人任贤齐应邀出席该活
山东味道探寻齐鲁饮食文化的深厚底蕴一部全方位立体化深层次反映山东饮食文化的专著山东味道,近日由山东人民出版社正式出版发行。全书20多万字,紧扣齐鲁饮食文化的关键词,讲述了鲜活生动系统全面的山东饮食故事。本书结构分为
云南山里的百年茶树上,真的会长螃蟹脚云南山里的植被特别丰富,每次进山都会有很多叫不上名字的花花草草,螃蟹脚属于在我认知范围以外的一种,是寄生植物,云南同样有很多寄生植物,螃蟹脚因为外形长得像螃蟹的脚所以才取个形似的名
可以温暖整个冬天的颜色,勃艮第红醇厚又温暖腕表之家表款推荐每年一到秋冬天,勃艮第红一定是会引起热议的颜色之一。之所以叫做勃艮第红,是因为这个颜色十分像勃艮第红酒,所以很多人也都称它为酒红色。勃艮第红十分称肤色,无论白皮黄皮
新津花源镇何肥肠一个地道的成都苍蝇馆子,味道巴适得板我是章鱼,欢迎光临我的杂货铺,点击上方关注,每天分享情感职场旅游故事。请阅读15秒后点赞评论。您的支持是我持续写作的最大动力。我这个人,对肥肠有些特别的偏爱。不晓得咋回事儿,见到肥
这5个部位何时开始衰老?一文带你提前了解衰老衰老是每个人都不可避免的,但如果我们等到出现听力变差记忆力减退或其它身体机能变差的现象再预防衰老,其实有点晚了,那么衰老是从什么时候开始的呢?该如何减缓呢?了解以下5点,让我们提前
地球上的氧气浓度突然增加一倍!小昆虫都摇身一变成了巨型生物?假如地球氧气含量增加一半?人类不仅会醉氧,自然界的凶猛怪兽也将更迭成昆虫的天下,半米大的蚊子,两米多的蜈蚣,一米多的蜻蜓,再搭配上昆虫超强的繁殖能力,这样的世界末日,人类该如何自救
深刻把握中国式现代化的中国特色和本质要求2035年我国发展的总体目标之一。中国现代化离不开农业现代化,农业现代化是涵盖农业农村和农民的全面现代化。图为2022年10月12日,湖南省永州市道县清塘镇陈雄村连网成片的现代化水
李宁已经控制不了李宁了走高端,不代表要高傲。高傲的李宁终于道歉了。10月19日,新品被质疑大佐风后的第四天,李宁官方微博姗姗来迟挂出了一份道歉声明,为新品引起网友困惑和疑惑道歉,同时解释了新品寓意,并承
3位六旬老人直言人到晚年才明白,最亲近的人并不是老伴开头语有多少人会认为这辈子能依靠的最亲的就是老伴呢?如果自己的老伴都不可靠不亲的话,还有谁可靠谁亲呢?晚年的时候,还能依靠谁呢?虽然很多人都认为,身边最亲的人无疑就是自己的老伴了,
正式亮相新东家朱婷期待重回巅峰10月18日,朱婷(右)在发布会上。当日,意大利斯坎迪奇俱乐部在佛罗伦萨召开新闻发布会,宣布中国女排名将朱婷加盟,并签订了为期一个赛季的合约。新华社记者金马梦妮摄很开心来到队伍,感
社科要论之三牢记三个务必,奋进宏伟目标党的二十大报告开宗明义指出中国共产党已走过百年奋斗历程。我们党立志于中华民族千秋伟业,致力于人类和平与发展崇高事业,责任无比重大,使命无上光荣。全党同志务必不忘初心牢记使命,务必谦
往事未必都如风陈培泼人之异开禽兽,无非有四端,即,怜悯之情,辞让之礼,是非之识,羞耻之心,而怜悯体恤同情,是文明的起点,是人类心灵深处最为柔软的部分,因为这份柔软是激发人类产生文明共识的力量源泉
2022你完成了多少目标今年定下的目标,有没有认真地去实现呢,希望我的一些小目标小心愿都能够实现,人生匆匆已过二十多载,一晃就过了。其实我对今年的要求不是很多,自己做的副业能够挣一些钱就知足了,现在赚钱成
人到中年,会时常觉得孤独,你的中年生活是如何的呢?张爱玲有一句话说人到中年,会时常觉得孤独。因为一睁眼发现周围都是依赖你的人,而你想依赖的人根本没有。半生已过,已入中年,一路走来,风风雨雨,阅历多了,朋友却少了。人们常说多一个朋友
曾经相遇,总胜过从未碰头(一)晚自习,坐在安静的教室里,我周围都是笔尖摩擦纸张的索索声。同学们都在奋笔疾书,写白天没有完成的作业或者预习明天要上的内容。我无心学习,在手中玩弄了会儿笔,甚感无聊,便看望向窗
有一种爱,不扰,不缠,陪君一程,念君一生秋风,落叶,叶在风中轻轻地翩飞,我在落叶中静静地想你,想你。前尘如烟,在不经意间已经挥散,再回首,那份和你之间最美丽相逢早已成了我回不去的昨天。明明我的心还像从前一样初心未变,却也
狠心成为断根一族的人,愈发常见,普通家族会逐渐消失01hr生活的节奏越来越快,每个人都越活越不快乐。在每天早上的地铁里面,我们除了看到暮气沉沉的年轻人中年人和老年人,就再也感觉不到一丝的青春朝气了。对此,有些人会不解,中年人暮气沉