モジュール

Nuxt モジュールについて

Nuxt で本番グレードのアプリケーションを開発する際、フレームワークのコア機能だけでは十分でない場合があります。Nuxt は構成オプションとプラグインで拡張できますが、これらのカスタマイズを複数のプロジェクトで維持するのは、面倒で反復的で時間がかかる可能性があります。一方、すべてのプロジェクトのニーズをすぐにサポートすると、Nuxt が非常に複雑で使いにくくなる可能性があります。

これが、Nuxt がコアを拡張できるようにするモジュールシステムを提供する理由の 1 つです。Nuxt モジュールは、nuxi dev を使用して開発モードで Nuxt を起動したり、nuxi build で本番用にプロジェクトをビルドしたりする際に、順次実行される非同期関数です。テンプレートをオーバーライドしたり、webpack ローダーを構成したり、CSS ライブラリを追加したり、その他多くの便利なタスクを実行したりできます。

最も優れているのは、Nuxt モジュールは npm パッケージで配布できることです。これにより、モジュールをプロジェクト間で再利用したり、コミュニティと共有したりすることが可能になり、高品質のアドオンのエコシステムの構築に役立ちます。

Nuxt モジュールを追加する

モジュールをインストールしたら、nuxt.config.ts ファイルの modules プロパティの下に追加できます。モジュール開発者は通常、使用法に関する追加の手順と詳細を提供します。

export default 
defineNuxtConfig
({
  
modules
: [
    // Using package name (recommended usage)
    '@nuxtjs/example',

    // Load a local module
    './modules/example',

    // Add module with inline-options
    ['./modules/example', { 
token
: '123' }],

    // Inline module definition
    async (
inlineOptions
, 
nuxt
) => { }
  ]
})

Nuxt モジュールを作成する

誰もがモジュールを開発する機会があり、皆様が何を構築されるかを楽しみにしています。