Module bundlers transform your source code (TypeScript, JSX, CSS modules, imports) into optimized files browsers can run. Webpack: most configurable, established standard. Vite: fastest dev server (uses esbuild for dev, Rollup for build). esbuild: fastest build tool (100x faster than Webpack). Turbopack: Vercel's Rust-based successor to Webpack. For new projects: Vite is the default choice. Next.js handles bundling automatically.
glossary2 min read
Module Bundlers
Bundlers combine your source files into optimized output for browsers.
Try these tools
More glossary articles
What is WebP?
WebP is a modern image format by Google offering superior compression. Learn when and how to use WebP images.
What is HEIC?
HEIC is the default photo format on iPhones. Learn what it is, why Apple uses it, and how to convert it.
What is JSON?
JSON (JavaScript Object Notation) is the standard data format for web APIs. Learn the syntax and common uses.
What is Regex?
Regular expressions (regex) are patterns for matching text. Learn the basics and common use cases.