Nuxt3 中文课程《实战全栈开发简书》限时优惠

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安装为开发依赖项:

yarn add --dev 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)来检查一切是否顺利。