【Nuxt.js】ビルドのプロパティとコマンドまとめ

概要

Nuxt.jsでSPA（SSR・SSG）を制作するときのssr / targetプロパティや、ビルドコマンドあたりの理解がふわふわしていたので整理します。
現在では非推奨となったmodeプロパティについては特に記述しません。

環境

• Nuxt.js v2.15.6

ssr / targetプロパティ

nuxt.config.js

export default {
  ssr: true, // デフォルト
  target: 'server' // デフォルト
}

• ssr：サーバーサイドレンダリングを有効にするかどうか
• target：サーバーホスティングにするか静的ホスティングにするか

build / generateコマンド

package.json

{
  "scripts": {
    "build": "nuxt build",
    "generate": "nuxt generate",
  }
}

• build：target: 'server'のときに使用
  • .nuxtディレクトリに出力されます。
• generate：target: 'static'のときに使用
  • distディレクトリに出力されます。

まとめ

SSRでつくるとき

• プロパティの設定
  • ssr: true ・ target: 'server'
• 使用するコマンド
  • nuxt build
    • .nuxtディレクトリに出力されます。

SSGでつくるとき

• プロパティの設定
  • ssr: true ・ target: 'static'
• 使用するコマンド
  • nuxt generate
    • distディレクトリに出力されます。

SPAでつくるとき

• プロパティの設定
  • ssr: false ・ target: 'static'
  • ssr: false ・ target: 'server'
    • ssr: falseに設定しているとビルド時にtargetがstaticに変換されます。
• 使用するコマンド
  • nuxt generate
    • distディレクトリに出力されます。

参考URL

• ssr プロパティ - NuxtJS
  https://ja.nuxtjs.org/docs/2.x/configuration-glossary/configuration-ssr/

• target プロパティ - NuxtJS
  https://ja.nuxtjs.org/docs/2.x/configuration-glossary/configuration-target/

• デプロイターゲット - NuxtJS
  https://ja.nuxtjs.org/docs/2.x/features/deployment-targets/