Nitro

使用 Nuxt Bridge 在 Nuxt 2 應用程式中啟用 Nitro。

移除模組

  • 移除 @nuxt/nitro:Bridge 注入了相同的功能

更新配置

nuxt.config.ts
import { defineNuxtConfig } from '@nuxt/bridge'

export default defineNuxtConfig({
  bridge: {
    nitro: true,
  },
})

更新你的指令碼

你還需要更新 package.json 中的指令碼,以反映 Nuxt 現在將生成 Nitro 伺服器作為構建輸出這一事實。

安裝 Nuxi

nuxi 作為開發依賴項安裝

npm install -D nuxi

Nuxi

Nuxt 3 引入了新的 Nuxt CLI 命令 nuxi。更新你的指令碼如下,以利用 Nuxt Bridge 提供的更好支援:

{
  "scripts": {
-   "dev": "nuxt",
+   "dev": "nuxi dev",
-   "build": "nuxt build",
+   "build": "nuxi build",
-   "start": "nuxt start",
+   "start": "nuxi preview"
  }
}
如果 nitro: false,請使用 nuxt2 命令。

靜態目標

如果你在 nuxt.config 中設定了 target: 'static',那麼你需要確保將你的構建指令碼更新為 nuxi generate

package.json
{
  "scripts": {
    "build": "nuxi generate"
  }
}

伺服器目標

對於所有其他情況,你可以使用 nuxi build 命令。

package.json
{
  "scripts": {
    "build": "nuxi build",
    "start": "nuxi preview"
  }
}

從 Git 中排除已構建的 Nitro 資料夾

將資料夾 .output 新增到 .gitignore 檔案中。

確保一切順利

✔️ 嘗試使用 nuxi devnuxi build(或 nuxi generate)來檢視一切是否順利。