Optimizing Our Build Times by Migrating from Webpack to Rspack

Summary

As Yelp's JavaScript monorepo expanded over time, Webpack build speeds became a significant engineering bottleneck. To resolve this without rewriting complex configurations, the team selected Rspack for its direct compatibility with existing Webpack setups and plugins. Yelp implemented an adapter pattern to generate Rspack configurations dynamically from original Webpack files, enabling a staged opt-in rollout across development tools and CI environments. Following the initial migration, engineers addressed performance issues in barrel files using automated codemods to replace star re-exports and import-then-export patterns with named re-exports. Combined with Rspack's portable persistent caching, the migration reduced integration build times by approximately 52 percent and warm cache builds by up to 80 percent.

Takeaways

1. 1

   An adapter pattern allowed Yelp to dynamically generate Rspack configs from existing Webpack files, preserving original settings and enabling a staged rollout.

2. 2

   Automated codemods converting star re-exports and import-then-export patterns into true named re-exports fixed tree-shaking and barrel file performance issues.

3. 3

   Rspack portable persistent cache solved Webpack absolute-path CI limitations, yielding up to an 80 percent reduction in build times on warm caches.