Nitro
Nuxt Bridgeを使用して、Nuxt 2アプリケーションにNitroを有効化します。
モジュールの削除
@nuxt/nitro
を削除します: Bridgeは同じ機能を注入します
設定の更新
nuxt.config.ts
import { defineNuxtConfig } from '@nuxt/bridge'
export default defineNuxtConfig({
bridge: {
nitro: true
}
})
スクリプトの更新
NuxtがNitroサーバーをビルド出力として生成するようになったことを反映するために、package.json
内のスクリプトも更新する必要があります。
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"
}
}
ビルドされたNitroフォルダをGitから除外する
.output
フォルダを .gitignore
ファイルに追加します。
すべてがうまくいくことを確認する
✔️ nuxi dev
と nuxi build
(または nuxi generate
) を試して、すべてがうまくいくかどうかを確認してください。