vue3( vite )の .env の設定方法

● モード

https://ja.vitejs.dev/guide/env-and-mode.html#modes

デフォルトで、開発サーバ(dev コマンド)は development モードで動作し、
build コマンドは production モードで動作します。

明示的にモードを指定したい場合は以下のようにします(モードを staging にします)

vite build --mode staging

● 読み込まれる .env ファイル

.env                # 全ての場合に読み込まれる
.env.local          # 全ての場合に読み込まれる(git監視対象外)
.env.[mode]         # 指定されたモードでのみ読み込まれる
.env.[mode].local   # 指定されたモードでのみ読み込まれる(git監視対象外)

● 開発用 / 本番用 を分ける例

.env.development  (開発用)
.env.production  (本番用)
No.2263
12/16 10:59

edit