You can use Vite with Bun, but many projects get faster builds & drop hundreds of dependencies by switching to HTML imports.
Vite works out of the box with Bun. Get started with one of Vite's templates.
bun create vite my-app
✔ Select a framework: › React
✔ Select a variant: › TypeScript + SWC
Scaffolding project in /path/to/my-app...
Then cd
into the project directory and install dependencies.
cd my-app
bun install
Start the development server with the vite
CLI using bunx
.
The --bun
flag tells Bun to run Vite's CLI using bun
instead of node
; by default Bun respects Vite's #!/usr/bin/env node
shebang line.
bunx --bun vite
To simplify this command, update the "dev"
script in package.json
to the following.
"scripts": {
"dev": "vite",
"dev": "bunx --bun vite",
"build": "vite build",
"serve": "vite preview"
},
// ...
Now you can start the development server with bun run dev
.
bun run dev
The following command will build your app for production.
bunx --bun vite build
This is a stripped down guide to get you started with Vite + Bun. For more information, see the Vite documentation.