Nuxt3のローカル環境で気軽に.envファイルを切り替える

こんにちは、合同会社Stegの@keigoです。今回は、Nuxt3にて、.envや.env.development、.env.localのようにenvファイルを切り替えたい場合のやり方について書きます。パッケージインストールは不要で、cross-envも使用しません。

やり方

Nuxt CLI には、開発モードおよび実行時に dotenv サポートが組み込まれています。

npx nuxi dev --dotenv .env.local

のようにオプションを指定してあげます。

例えばnpm run devのときに.env.localを使用したい場合は、

package.jsonのdev部分を

"scripts": {
  "dev": "nuxi dev --dotenv .env.local",
  ...
},

このようにしてあげればOKです。