你可以使用 Vite 和 Bun,但许多项目通过切换到 HTML 导入 可以获得更快的构建速度并减少数百个依赖项。
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 的 shebang 行 #!/usr/bin/env node。
bunx --bun vite
为了简化此命令,将 package.json 中的 "dev" 脚本更新为以下内容。
"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 文档。