Skip to content

Commit c856363

Browse files
committed
fix: allow expanding env vars in reverse order
1 parent 3320418 commit c856363

File tree

1 file changed

+17
-0
lines changed

1 file changed

+17
-0
lines changed

guide/env-and-mode.md

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -77,6 +77,23 @@ NEW_KEY3=test$KEY # test123
7777
- Vite のソースコードに公開される変数は最終的にクライアントバンドルに入るので、`VITE_*` 変数はセンシティブな情報を*含まない*ようにすべきです。
7878
:::
7979
80+
::: details 変数の逆順展開
81+
82+
Vite は変数を逆順で展開することをサポートしています。
83+
たとえば、以下の `.env``VITE_FOO=foobar``VITE_BAR=bar` として評価されます。
84+
85+
```[.env]
86+
VITE_FOO=foo${VITE_BAR}
87+
VITE_BAR=bar
88+
```
89+
90+
これはシェルスクリプトや `docker-compose` のような他のツールでは動作しません。
91+
とはいえ、この挙動は `dotenv-expand` によって長い間サポートされてきたものであり、JavaScript エコシステム内の他のツールでは、この挙動をサポートする古いバージョンが使用されているため、Vite はこの挙動をサポートしています。
92+
93+
相互運用性の問題を回避するため、この挙動に依存しないことをお勧めします。Vite は将来的にこの挙動に対して警告を発するようになる可能性があります。
94+
95+
:::
96+
8097
### TypeScript 用の自動補完
8198
8299
デフォルトで Vite は [`vite/client.d.ts`](https://github.com/vitejs/vite/blob/main/packages/vite/client.d.ts) で `import.meta.env` のための型定義を提供します。`.env.[mode]` ファイルで自前の環境変数を定義できますが、`VITE_` で始まるユーザー定義の環境変数に対する TypeScript の自動補完が欲しくなるかもしれません。

0 commit comments

Comments
 (0)