webpack5 配置多线程和缓存加快构建速度
2023-06-13 09:16:23 时间
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',如需配置其他配置选项,请安装最新版本。
相关文章
- VMWare虚拟机的三种网络配置
- Scheduled定时器配置类,配置多线程执行定时任务(解决多个定时任务同时执行有可能会失效的问题)
- Cisco 与 Intel路由器的对连配置实例
- PHP-FPM性能优化配置方法参考
- centOS安装nginx及相关配置
- Oracle 参数 SGA_TARGET 官方解释,作用,如何配置最优化建议
- 微信小程序:全局配置app.json详解编程语言
- Maven安装与配置(图解)
- Hibernate配置属性
- Linux双网关配置实现网络冗余(linux双网关配置)
- Linux系统路由配置实践指南(linux路由配置配置)
- 微软:严格执行Windows 11配置要求 不合格拒绝升级
- Oracle配置指南:快速、实用的步骤(oracle配置步骤)
- Linux服务器的配置和数据迁移方案
- 新手必知:Linux 网卡名及其配置方法(linux网卡名)
- 文件TP6 应用 Redis 配置文件优化实践(tp6 redis配置)
- ubuntulighttpd+webpy(fastcgi)配置方法
- 使Apache实现gzip压缩配置