Skip to content

Bun 支持开箱即用 Nuxt。使用官方 nuxi CLI 初始化一个 Nuxt 应用。

sh
bunx nuxi init my-nuxt-app
txt
✔ Which package manager would you like to use?
bun
◐ Installing dependencies...
bun install v1.3.3 (16b4bf34)
 + @nuxt/devtools@0.8.2
 + nuxt@3.7.0
 785 packages installed [2.67s]
✔ Installation completed.
✔ Types generated in .nuxt
✨ Nuxt project has been created with the v3 template. Next steps:
 › cd my-nuxt-app
 › Start development server with bun run dev

要启动开发服务器,从项目根目录运行 bun --bun run dev。这将执行 nuxt dev 命令(如 package.json 中的 "dev" 脚本所定义)。

NOTE

`nuxt` CLI 默认使用 Node.js;传递 `--bun` 标志会强制开发服务器使用 Bun 运行时。
sh
cd my-nuxt-app
bun --bun run dev
txt
nuxt dev
Nuxi 3.6.5
Nuxt 3.6.5 with Nitro 2.5.2
  > Local:    http://localhost:3000/
  > Network:  http://192.168.0.21:3000/
  > Network:  http://[fd8a:d31d:481c:4883:1c64:3d90:9f83:d8a2]:3000/

✔ Nuxt DevTools is enabled v0.8.0 (experimental)
ℹ Vite client warmed up in 547ms
✔ Nitro built in 244 ms

开发服务器启动后,打开 http://localhost:3000 查看应用。应用将渲染 Nuxt 内置的 NuxtWelcome 模板组件。

要开始开发你的应用,将 app.vue 中的 <NuxtWelcome /> 替换为你自己的 UI。


对于生产构建,虽然默认预设已经与 Bun 兼容,但你也可以使用 Bun 预设 生成更优化的构建。

ts
export default defineNuxtConfig({
  nitro: {
    preset: "bun", 
  },
});

或者,你可以通过环境变量设置预设:

sh
NITRO_PRESET=bun bun run build

NOTE

某些包提供 Bun 特定的导出,Nitro 使用默认预设将无法正确打包这些导出。在这种 情况下,你需要使用 Bun 预设,以便这些包在生产构建中正常工作。

使用 bun 构建后,运行:

sh
bun run ./.output/server/index.mjs

请参阅 Nuxt 网站 获取完整文档。

Bun学习网由www.bunjs.com.cn整理维护