webpack打包速度优化思维导图

webpack打包速度优化思维导图

前言

去年的时候公司一个项目体积过大,我是m1芯片的macpro,光启动就要1分钟,配置差点都电脑,启动就要3分钟,自然打包速度也会慢很多,我们是gitlab设置成了自动打包的,所以打包速度上需要优化一下,否则太慢了。

之后是做了一个思维导图,测试了市面上对于webpack的优化速度,包括用内存去进行预缓存打包文件,然后二次打包的速度就变快以及改造成多页面入口进行特定程度的打包,还有多进程打包等等

经过优化,打包速度大概可以提升30%

大家可以看下思维导图 然后自己按照我写的方法去试,中间我有尝试过webpack4升级到webpack5,但是不太行,成本太高了

附件


貌似下载要收费,有需要的话我可以发你们邮箱,留言邮箱即可,看到我会发送

相关推荐
神仙别闹5 分钟前
基于Java+MySQL实现(Web)可扩展的程序在线评测系统
java·前端·mysql
心.c20 分钟前
react当中的this指向
前端·javascript·react.js
Java水解27 分钟前
Web API基础
前端
闲鱼不闲28 分钟前
实现iframe重定向通知父级页面跳转
前端
咸鱼青菜好好味28 分钟前
node的项目实战相关-2-前台接口
前端
春秋半夏30 分钟前
音乐播放、歌词滚动
前端·css
Sioncovy33 分钟前
Zustand 源码阅读计划(3)- JS 篇 - Middlewares 中间件逻辑
前端·javascript
bo5210035 分钟前
垃圾回收机制详解
前端
多啦C梦a36 分钟前
🪄 这么优雅?`useContext` + 自定义 Hooks:优雅管理全局状态,从主题切换说起
前端·javascript·react.js
患得患失9491 小时前
【前端】【Echarts】ECharts 词云图(WordCloud)教学详解
前端·javascript·echarts