Quiero cargar variables de entorno desde el archivo .env usando Vite
Usé el objeto import.meta.env como se menciona en Docs
Archivo .env :
TEST_VAR=123F al intentar acceder a esta variable a través de import.meta.env -> import.meta.env.TEST_VAR , devuelve undefined.
Entonces, ¿cómo puedo acceder a ellos?
si desea acceder a su variable de entorno TEST_VAR, debe prefijarlo con VITE_
prueba algo como
VITE_TEST_VAR=123fpuedes acceder con
import.meta.env.VITE_TEST_VARDe acuerdo con los documentos , debe prefijar sus variables con VITE_ :
Para evitar la filtración accidental de variables env al cliente, solo las variables con el prefijo VITE_ se exponen a su código procesado por Vite.
Si está intentando acceder a env vars fuera del código fuente de su aplicación (como dentro de vite.config.js ), entonces debe usar loadEnv() :
import { defineConfig, loadEnv } from 'vite'; export default ({ mode }) => { // Load app-level env vars to node-level env vars. process.env = {...process.env, ...loadEnv(mode, process.cwd())}; return defineConfig({ // To access env vars here use process.env.TEST_VAR }); }