最終更新日: 2023年08月15日

Nuxtキット

Nuxt Kit は、Nuxt HooksおよびNuxt Builder Coreとのやり取りや Nuxtモジュールの開発を非常に簡単にするコンポーザブル ユーティリティを提供します。

使用方法

依存関係のインストール

最新のNuxtキットをpackage.jsonの依存関係セクションに追加することで、インストールできます。 ただし、@nuxt/kitパッケージが既にNuxtによってインストールされている場合でも、常に明示的にインストールすることを検討してください。

  • package.json
  • ts
{
  "dependencies": {
    "@nuxt/kit": "npm:@nuxt/kit-edge@latest"
  }
}

Kitユーティリティのインポート

  • test.mjs
  • ts
import { useNuxt } from "@nuxt/kit";

Info 詳細は、 API > Advanced > Kit. を参照してください。

Nuxt Kit はesm 専用のパッケージであるため、require('@nuxt/kit')はできません。回避策として、CommonJS コンテキストで動的インポートを使用します。

  • test.mjs
  • ts
// これは動作しません！
// const kit = require('@nuxt/kit')
async function main() {
  const kit = await import("@nuxt/kit");
}
main();