Skip to main content
你可以将 Vite 与 Bun 一起使用,但许多项目通过切换到 HTML 导入 获得更快的构建速度并减少数百个依赖。

Vite 可开箱即用地支持 Bun。使用 Vite 的模板之一开始吧。
terminal
bun create vite my-app
✔ 选择一个框架:› React
✔ 选择一个变体:› TypeScript + SWC
正在在 /path/to/my-app/ 脚手架项目...

然后进入项目目录并安装依赖。
terminal
cd my-app
bun install

使用 bunxvite CLI 启动开发服务器。 --bun 标志告诉 Bun 使用 bun 而非 node 来运行 Vite 的 CLI;默认情况下 Bun 会遵循 Vite 的 #!/usr/bin/env node shebang 行
terminal
bunx --bun vite

为了简化此命令,将 package.json 中的 "dev" 脚本更新为以下内容。
package.json
  "scripts": {
    "dev": "vite", 
    "dev": "bunx --bun vite", 
    "build": "vite build",
    "serve": "vite preview"
  },
  // ...

现在你可以用 bun run dev 启动开发服务器。
terminal
bun run dev

以下命令将为生产环境构建你的应用。
terminal
bunx --bun vite build

这是一份精简的指南,帮助你快速上手 Vite + Bun。更多信息,请参阅 Vite 文档