我把 KOOK 从 Webpack 迁移到了 Rspack(一)

178 阅读1分钟

背景

前后历经三个月的调试,终于把 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 构建
Webpack25.84s30.24s34.52s
Rspack3.10s5.32s7.44s

MacBook Pro CPU:M1 内存:16G

启动本地开发服务无 sourcemap 构建含 sourcemap 构建
Webpack12.5s17.68s18.18s
Rspack2.65s5.06s6.26s

由于团队中主要使用的是 Windows 平台进行开发,所以速度的提升还是非常显著的

最后感谢字节跳动 Web Infra 团队开源的如此好用的工具

后面我还会分享一些迁移过程中遇到的问题,希望有幸能给别人一点小小的帮助。