虽然 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"
脚本更新为以下内容。
"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 文档。