vite프로젝트에서 env사용💡

인터넷 강의를 보며 프로젝트 진행 중 create-react-app으로 프로젝트를 생성하신 강사님과 vite로 프로젝트를 생성한 내 환경의 차이점때문에 생긴 이슈를 해결해보고자 한다!

에러메세지 :
Uncaught ReferenceError: process is not defined at firebase.js?t=1678944908817:11:14

🧡기존 환경변수 사용법

1. 디렉토리에 .env파일 생성
2. 변수명 REACT_APP_로 시작하는 변수생성
3. 따옴표로 감싸거나 띄어쓰기를 주지 않는다

  REACT_APP_TEST_DATA = abcd 

4. 사용시 process.env.변수명으로 호출

  process.env.REACT_APP_TEST_DATA

🧡vite에서 환경변수 사용법

1. 디렉토리에 .env파일 생성
2. 변수명 VITE_로 시작하는 변수생성
3. 따옴표를 감싸도 괜찮음

  VITE_TEST_DATA = "abcd"

4. 사용시 import.meta.env.변수명으로 호출

  import.meta.env.VITE_TEST_DATA

• VITE_를 붙이지 않은 변수명은 검색되지않아 사용할 수 없으니 주의한다