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

使用 bunxvite 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 文档