Bun

指南生态系统

使用 Vite 和 Bun 构建前端

虽然 Vite 目前可以与 Bun 一起使用,但它尚未经过大量优化,而且 Vite 尚未适应使用 Bun 的打包程序、模块解析器或转译器。

Vite 可以开箱即用地与 Bun 一起使用。从 Vite 的一个模板开始。

bun create vite my-app
✔ Select a framework: › React
✔ Select a variant: › TypeScript + SWC
Scaffolding project in /path/to/my-app...

然后 cd 进入项目目录并安装依赖项。

cd my-app
bun install

使用 bunx 使用 vite CLI 启动开发服务器。

--bun 标志告诉 Bun 使用 bun 而不是 node 运行 Vite 的 CLI;默认情况下,Bun 尊重 Vite 的 #!/usr/bin/env node shebang 行

bunx --bun vite

为了简化此命令,请将 package.json 中的 "dev" 脚本更新为以下内容。

package.json
"scripts": {
  "dev": "vite",
  "dev": "bunx --bun vite",
  "build": "vite build",
  "serve": "vite preview"
},
// ...

现在,您可以使用 bun run dev 启动开发服务器。

bun run dev

以下命令将为生产构建您的应用。

bunx --bun vite build

这是一个精简指南,帮助您开始使用 Vite + Bun。有关更多信息,请参阅 Vite 文档