TechPrufer
Get started
Vercel
Vercel logoVercel · Feature trail

Bundler Performance

1 post · Oct 2022 – Jul 2024

What this trail covers

Turbopack is a high-performance bundler for JavaScript/TypeScript codebases, built on an incremental, cache-based architecture using Rust. It aims to significantly improve development server startup times and update speeds compared to existing bundlers like Webpack and Vite. It will eventually power both development and production builds for Next.js, with potential for shared team caches via Vercel Remote Caching and an incremental migration path for Webpack users. The codebase is being moved to the Next.js monorepo to accelerate iteration and support for production builds.

All Vercel trails
  1. Turbopack updates: Moving homesThis post announces the migration of the Turbopack bundler codebase from the `vercel/turbo` repository to the `vercel/next.js` monorepo. This move is intended to improve iteration speed and accelerate the development of production build support by co-locating Turbopack with its primary user, Next.js. The post details current project updates, including Turbopack passing the Next.js development test suite and working with the top 300 npm packages. It also outlines future priorities such as reducing memory consumption through fine-grained function-level caching, finishing the persistent on-disk cache, and achieving 100% passing for the Next.js production build test suite. The migration will utilize `git-subtree` and `git-filter-branch` for preserving commit history.
  2. Turbopack: High-performance bundler for React & TypeScriptIntroduces Turbopack, a new Rust-based bundler designed to replace Webpack. Highlights its incremental architecture, caching mechanisms (leveraging Turbo), and significant performance improvements in development server startup times and update speeds (700x faster on large apps). Mentions native support for React Server Components and TypeScript. Outlines future plans for production builds and team cache sharing via Vercel Remote Caching, along with an incremental migration path for Webpack users.