透過 100 多個技巧的合集學習 Nuxt!

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) 來查看一切是否順利。