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' }