背景
前后历经三个月的调试,终于把 KOOK 从 Webpack5 迁移 到了 Rspack 并应用在开发和生产环境中
解决了团队中即使使用了 --max-old-space-size 后还经常因为内存溢出导致 Webpack 报错退出的问题,并极大的提升了开发体验和效率
迁移后 Webpack 和 Rspack 性能对比
js、jsx、ts、tsx、css、less 文件数量 2200+ 代码行数 28w+
Windows PC win10 CPU:i7-12700 内存:16G
| 启动本地开发服务 | 无 sourcemap 构建 | 含 sourcemap 构建 | |
|---|---|---|---|
| Webpack | 25.84s | 30.24s | 34.52s |
| Rspack | 3.10s | 5.32s | 7.44s |
MacBook Pro CPU:M1 内存:16G
| 启动本地开发服务 | 无 sourcemap 构建 | 含 sourcemap 构建 | |
|---|---|---|---|
| Webpack | 12.5s | 17.68s | 18.18s |
| Rspack | 2.65s | 5.06s | 6.26s |
由于团队中主要使用的是 Windows 平台进行开发,所以速度的提升还是非常显著的
最后感谢字节跳动 Web Infra 团队开源的如此好用的工具
后面我还会分享一些迁移过程中遇到的问题,希望有幸能给别人一点小小的帮助。