雖然 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 文件。