Under The Hood
frontend bun Bun 1.x (`Bun.build`)

Bun.build(): Zig AST Parser & Multi-Threaded Chunk Splitting

Last updated
Prerequisites:
Module bundlers (Webpack, esbuild, Rollup)
JavaScript AST concepts
  • bun
  • bundler
  • bun-build
  • zig
  • plugins
  • code-splitting
  • tree-shaking

Read at your depth

The practical view

`Bun.build()` is Bun's built-in, native JavaScript/TypeScript bundler. You run it from the CLI with `bun build ./src/index.ts --outdir ./dist` or via JavaScript: `await Bun.build({ entrypoints: ['./src/index.ts'], outdir: './dist', minify: true, splitting: true })`. It replaces Webpack, Rollup, and esbuild with zero npm dependencies and natively supports TypeScript, JSX, and custom plugins.

The same idea in other frameworks

node equivalent 
Webpack / Rollup / esbuild build configurations.

Legacy vs modern

Webpack Config Boilerplate vs Native Bun.build()

Webpack requires multiple JS plugins to handle TS and bundling; `Bun.build` bundles TypeScript natively in milliseconds.

before → after
Webpack 5 Configuration 
module.exports = { entry: './src/index.ts', module: { rules: [...] } }; // ❌ Slow JS bundler
Bun.build Native Script 
await Bun.build({ entrypoints: ['./src/index.ts'], outdir: './dist', minify: true }); // ✅ NEW

Interview gotchas

Context

Interviewers test your knowledge of Bun's plugin lifecycle API.

The mechanical answer

Create a plugin object with a `setup(build)` function. Use `build.onLoad({ filter: /\.yaml$/ }, async (args) => { const text = await Bun.file(args.path).text(); return { exports: parseYaml(text), loader: 'object' }; })`. Register the plugin in `Bun.build({ plugins: [myYamlPlugin] })`.

Trap

Plugins in `Bun.build` execute asynchronously, but excessive JavaScript plugin calls can reduce raw Zig bundler throughput.

Under The Hood — a multi-depth technical interview hub.

Third-party licenses Press ⌘ K to search.