Создание приложения с Nuxt и Bun

Bun поддерживает Nuxt из коробки. Инициализируйте приложение Nuxt с помощью официального CLI nuxi.

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

Чтобы запустить dev сервер, выполните bun --bun run dev из корня проекта. Это выполнит команду nuxt dev (как определено в скрипте "dev" в package.json).

NOTE

CLI `nuxt` использует Node.js по умолчанию; передача флага `--bun` заставляет dev сервер использовать среду выполнения Bun вместо этого.

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

Как только dev сервер запустится, откройте http://localhost:3000, чтобы увидеть приложение. Приложение отобразит встроенный шаблонный компонент Nuxt NuxtWelcome.

Чтобы начать разработку вашего приложения, замените <NuxtWelcome /> в app.vue на ваш собственный UI.

Для продакшен сборки, хотя пресет по умолчанию уже совместим с Bun, вы также можете использовать Bun preset для генерации более оптимизированных сборок.

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

Альтернативно, вы можете установить пресет через переменную окружения:

NITRO_PRESET=bun bun run build

NOTE

Некоторые пакеты предоставляют специфичные для Bun экспорты, которые Nitro не будет правильно собирать с использованием пресета по умолчанию. В этом случае вам нужно использовать пресет Bun, чтобы пакеты работали правильно в продакшен сборках.

После сборки с bun выполните:

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

Обратитесь к веб-сайту Nuxt для полной документации.