前端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打的开发包。这一下下的，给我搞得都不废了，最终打包慢的问题还在寻找中。。。
临近末伏，多给孩子吃这菜，做成丸子蒸一蒸，营养去秋燥，特香即将进入末伏，最热的日子要结束了，早晚的凉意已经越来越明显，但暑热依旧存在，人应注意预防上火，建议多吃些清心润燥的食物，鲜藕就是很好地选择。莲藕经历了春夏两季的沉淀，到了秋天收……爆汁茄子，外焦里嫩，酸甜可口，比肉还好吃喜欢吃茄子的朋友们，一定要试试这道会爆汁的茄子！外焦里嫩，酸甜可口，比肉还好吃，忍不住多吃了两碗米饭。外表裹满了酱汁，真的很下饭，我一定要分享给你们。我的美食分享……首秀就进球！曼联收获22岁小C罗本轮英超联赛迎来焦点之战，3连胜的坐镇老特拉福德迎战5连胜的阿森纳，红魔从开局两连败后联赛垫底的局面知耻后勇，滕哈格带领的球队用务实的防守反击，实现触底反弹，而排名榜首的兵工厂……英超打进500个联赛进球用时最少的5位教练！瓜迪奥拉封王英超联赛是最受欢迎的联赛之一，每个教练都想管理一支英超球队，让他们踢出引人注目的足球，并最终带领他们获得冠军。有些教练不仅赢得了冠军，而且还取得了无数的进球。让我们来看看……不用怀疑，Java的地位确实根深蒂固编程语言千千万，但在编程江湖屹立不倒的没有几个，Java便是其中的佼佼者。对于Java这种王者级别的编程语言，不少人开始讨论如何推翻Java的统治地位。截图来源知乎……2022年6月中国汽车保值率报告BBA越发艰难自主品牌全面下2022年7月，中国汽车流通协会和精真估联合发布了《2022年6月中国汽车保值率研究报告》。通过保值率研究旨在反映该品牌的产品力、认知度、美誉度等综合实力，对未来开展回购、置换……龙华这家公园上新啦！看看在你家附近吗？龙华大小朋友龙华区小而精小而美的街心公园又上新啦！它就是鹭湖瓷园鹭湖瓷园以瓷文化为主题集游玩、休憩、运动于一体不仅为居民就近游玩……华为发布首款搭载鸿蒙系统的IdeaHub会议全场景覆盖，自由今日，华为智能协作发布首款搭载鸿蒙系统的华为IdeaHubS2倍受关注，这款新产品让大家看到了数字化办公的智慧与高效，毫无疑问有了它的助力，企业办公将更高效、更便捷、更智能。……专业阅览非凡体验科大讯飞智能办公本MAX全新来袭随着时代的发展和科技的进步，无纸化办公成为大势所趋。以往传统纸笔书写的记录方式存在记不全、找不到、容易丢的局限性，并且人们对于阅读和记录的多元化需求日益增长，一款专业易用的办公……杜兰特是历史上第七位拿MVP后被首轮横扫的球员，看看前六人是北京时间4月26日，在今天篮网对阵凯尔特人的第四场比赛中，杜兰特砍下39分7篮板9助攻的数据，但是篮网依旧112：116不敌凯尔特人，大比分0：4首轮被横扫出局之后，杜兰特也创……当你撑不下去的时候，请读一下杨绛这两句话众生皆苦，若想自救，唯有自渡，方能解脱。学会自渡，烦躁的时候千万不要说话也不要做任何的选择，安静地呆会，成年人的烦恼，和谁说好像都不合适，要学会自我消化。真正的强者……9句话定制专属导航语音，AI让亲情一路同行系列报道之快60岁的老张最近迷上了听自己的声音。每次开车和几位老伙计出去玩，一打开导航就会跳出他的声音前方十字路口请直行，走左侧车道，一车人都得听命行事。就连呼唤小度小度……