Nuxt.jsでpackage.jsonを編集することでnpm run startでhostnameとportを指定できる
今回はNuxt.jsでpackage.jsonを編集することでnpm run startでhostnameとportを指定できるというお話をしていきます。
Nuxt.jsでpackage.jsonを編集することでnpm run startでhostnameとportを指定できる
私がNuxt.jsに慣れていなかった頃、npm run startで実行したときにhostnameとportが一致せず、焦ったことがあります。
結論から言うと、例えばhostnameを192.168.99.99、portを8000で設定したかったときには、package.jsonのscriptsのstartを次のように書き換えましょう。
|
1 2 3 4 5 6 7 8 |
... "scripts": { ... "build": "nuxt build", "start": "nuxt start --hostname 192.168.99.99 --port 8000", "generate": "nuxt generate", ... }, |
このscriptsの意味は、npm run 〇〇をしたときに内部で実行するコマンドを書き記します。
例えば、上記のコードであれば、
npm run build
をすれば
|
1 |
nuxt build |
が、
npm run start
をすれば
|
1 |
nuxt start --hostname 192.168.99.99 --port 8000 |
が実行される訳ですね。
上記のようにすれば、npm run start時にもhostnameとportが指定できます。
余談ですが、
|
1 2 3 4 5 6 7 8 |
... "scripts": { ... "build": "nuxt build", "start": "nuxt start --help", "generate": "nuxt generate", ... }, |
と書けば
npm run start
をしたときにオプションを全て見ることができます。
終わりに
今回はNuxt.jsでpackage.jsonを編集することでnpm run startでhostnameとportを指定できるというお話をいたしました。