跳到主要内容

Bundler 与构建能力

Bun 自己也带 bundler。这一层更适合放在“补充构建路线”里看,而不是一上来就替代现有前端主线。

两个入口

CLI

bun build ./src/index.tsx --outdir ./out

JS API

await Bun.build({
entrypoints: ['./src/index.tsx'],
outdir: './build',
})

官方文档里最值得注意的点

  • 支持 browser | bun | node target
  • 支持 JS / TS / JSX / CSS
  • 支持 watch
  • 可用于客户端和服务端代码

更适合放在哪些场景里看

  • 小型前端工具
  • SDK
  • 简单页面或脚本构建
  • 和 Bun runtime 配套的小服务

如果当前项目已经在 Vite / Next / Rsbuild / Webpack 主线里,这一层更适合当成候选路线,而不是默认替换。

参考来源