vite 환경변수

CRA나 NEXT 썼을때는 process.env로 환경변수에 접근해서 썼었는데
vite는 설정을 다르게 해줘야한다.
그리고 vite로 생성한 react app의 .gitignore에서는 .env 파일 무시도 빠져있어서 추가해주었다

.env
.env.development.local
.env.test.local
.env.production.local
.env.local

prefix

vite의 환경변수 prefix는 VITE로 시작한다

//.env
VITE_SERVER_URL = http://url.com

사용

import.meta.env.VITE_SERVER_URL

const {VITE_SERVER_URL} = import.meta.env

당연하지만 구조분해 할당도 할 수 있음