通过 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)来查看一切是否顺利。