daitasu https://blog.hatena.ne.jp/daitasu/ 恐竜本舗 https://blog.daitasu.work/ client Viteを使って個人開発してる中で地味に詰まったのでメモ。 Summary Vite の環境変数は vite.config.tsにおける envDir で指定したディレクトリパスにある .env を参照する .env の情報は import.meta.env 内に保持される VITE_ prefix がつく環境変数のみを .env ファイルから取得し、それ以外は undefined となる TS 用の型補完は vite/client.d.ts で型定義を提供しており、自前型定義は ImportMetaEnv を補う形で追加する ref: Env Variables and Modes | Vi… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.daitasu.work%2Fentry%2F2023%2F02%2F25%2F232435" title="Viteにおける環境変数の持ち方 - 恐竜本舗" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn.blog.st-hatena.com/images/theme/og-image-1500.png Hatena Blog https://hatena.blog 2023-02-25 23:24:35 rich https://blog.daitasu.work/entry/2023/02/25/232435 1.0 100%