webpack5 配置多线程和缓存加快构建速度
2023-02-18 16:47:30 时间
webpack5 内置了缓存配置
在 webpack 配置对象下,增加:
cache: {
type: 'filesystem',
allowCollectingMemory: true
}
webpack5 可以通过引入 thread-loader 来开启多线程
{
test: /\.js$/,
include: src,
use: [
{
loader: 'thread-loader',
options: {
workers: 8
}
},
{
loader: 'babel-loader'
}
]
},
webpack 官方文档
https://webpack.js.org/configuration/cache/
https://webpack.js.org/loaders/thread-loader/#root
配置 thread-loader 后,我的打包时间从 29665ms 提升到了 20553ms,大约提升 9 秒的构建时间;
开启 cache 缓存后,首次构建时间 38528ms,二次构建时间 847ms。
注意:webpack 5.35.0 版本之前,cache仅支持配置 'memory',如需配置其他配置选项,请安装最新版本。
相关文章
- Typecho 分页标题添加页码
- 解决NGINX报错 connection_upgrade 未知变量
- 解决宝塔邮局管理器 找不到日志文件
- 一行Java代码实现游戏中交换装备
- @Validated – 接口参数校验注解
- thingsboard设备状态更新可能导致的不一致性问腿
- windows升级docker-compose
- 理解YACC中符号的优先级和结合性
- compose--修饰符Modifier
- compose--CompositionLocal、列表LazyColumn&LazyRow、约束布局ConstraintLayout
- SAP ABAP CDS view Association 引入的缘由
- OnD1操练纪要-微信朋友圈权限领域建模操练
- 贪吃蛇复现-CoCube
- 共享主机和 WordPress 主机之间的区别
- 如何在 WordPress 中嵌入 iFrame
- 第十四届蓝桥杯集训——JavaC组第八篇——进制转换
- 第十四届蓝桥杯集训——JavaC组第九篇——位运算符
- 第十四届蓝桥杯集训——JavaC组第九篇——三元运算符
- 【数据挖掘】薪酬分段对应工作经验/学历画柱状图【招聘网站的职位招聘数据预处理】
- Grafana 的介绍和安装