esbuild — Extremely Fast JavaScript Bundler

What it is

esbuild is an extremely fast JavaScript and TypeScript bundler written in Go by Evan Wallace (Figma co-founder). It bundles, minifies, tree-shakes, and generates source maps for modern web projects at speeds that are 10-100x faster than traditional JavaScript-based bundlers.

The tool serves frontend developers, library authors, and build-tool maintainers. It powers Vite, Bun, and other modern tools as their underlying transform engine.

How it saves time or tokens

esbuild transforms the three.js codebase (10,000+ modules) in approximately 0.3 seconds compared to 35 seconds for webpack. This speed comes from Go's native parallelism, shared memory, and zero-copy parsing. Faster builds mean shorter feedback loops during development and faster CI pipelines.

How to use

1. Install esbuild with npm i -D esbuild.
2. Run the CLI to bundle your entry point: npx esbuild src/app.ts --bundle --outfile=dist/app.js.
3. Add flags for your target environment: --platform=browser --target=es2020 --minify --sourcemap.

Example

import { build } from 'esbuild';

await build({
  entryPoints: ['src/app.ts'],
  bundle: true,
  outfile: 'dist/app.js',
  platform: 'browser',
  target: 'es2020',
  minify: true,
  sourcemap: true,
});

Related on TokRepo

• AI Tools for Coding -- development tools that accelerate your workflow
• Featured Workflows -- discover popular developer tools and configurations

Common pitfalls

• esbuild strips TypeScript types but does not run type checking. Pair it with tsc --noEmit in your CI pipeline for type safety.
• The plugin API is powerful but limited compared to webpack's loader ecosystem. Check plugin compatibility before migrating complex setups.
• Code splitting with esbuild requires format: 'esm'. CommonJS output does not support dynamic import() splitting.