PROGBLOG Developers Blog

空想家 Developers Blog

稼ぐ力? とにかくスキルが欲しい。

Nuxt.js で npm run build と npm run generate を理解し使い分ける

間違えると、時間を無駄にするので整理する。

npm run build

node.js アプリをデプロイするときに使用する。

ファイルの生成場所

project/.nuxt/dist

Node.js サーバにデプロイする時に使用

  • Heroku
  • Digital Ocean

… etc

npm run generate

アプリのデプロイだけでなく、静的なサイトを制作可能に。

ファイルの生成場所

project/dist

ホスティングサービスにデプロイする時に使用

  • Netlify
  • Vercel
  • Firebase Hosting

… etc

設定の変更を

npm run generate を実行した時に警告が発生した。

When using nuxt generate, you should set target: 'static' in your nuxt.config

nuxt generateを使用する場合は、nuxt.configでtarget: 'static'を設定する必要があります とのこと。

下記設定で問題解決。

// nuxt.config.js

export default {
  target: 'static', // default is 'server'
}