Open1

Vite環境でenvファイルの設定が使えなかったときの対処法

kmkm

参考記事:
https://qiita.com/gantarooou_js/items/6fc638fc27feb1246bea

  1. 以下をインストール
npm i vite-plugin-env-compatible
  1. vite.config.tsに書きを記述
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path'
import env from "vite-plugin-env-compatible"; // 追記
// https://vite.dev/config/
export default defineConfig({
  plugins: [react(), env({ prefix: "VITE", mountedPath: "process.env" })] // 追記
})