nuxt.js @nuxtjs/sitemapを使ってsitemap.xmlを生成する手順

nuxt.js @nuxtjs/sitemapを使ってsitemap.xmlを生成する手順

nuxt.jsでsitemap.xmlを生成するには「@nuxtjs/sitemap」を利用するのが非常に便利です。

環境

  • OS  ubuntu19.10
  • node v12.13.0
  • npm 6.12.1
  • Nuxt.js v2.10.2

Nuxt.jsはnpx create-nuxt-appでインストールしてます。

@nuxtjs/sitemapインストール

下記のコマンドでインストールします。

または

@nuxtjs/sitemap使い方

プロジェクト配下にあるnuxt.config.jsのmodulesに ‘@nuxtjs/sitemap’ を追加します。

次に nuxt.config.jsの下記をコードを追加します。

buildして、generateしてみます。

distディレクトリ配下にsitemap.xmlが作成されていることが確認できます。