[VueJS] Vite에서 env 사용하기

• 최근 vite 4.0.0 버전에서는 별도의 작업 없이 .env 파일이 읽히며, .env 파일 안에 VITE_ 형식의 값을 넣으면 바로 import.meta.env로 불러올 수 있다.

• Vue2와 NuxtJS만 사용하다가 vue3와 vite를 사용해보기로 결정, 설치 후 필요한 것들을 적용하는 중 env 적용에 시간이 소요되어 블로그에 작성하게 됨.

• vite.config.js를 수정하여 env를 사용할 수 있으며, vite 프로젝트 중에서 vite.config.js를 제외한 src디렉터리 안의 파일들에서는 process.env가 작동하지 않는다.

• VITE_를 앞에 붙여진 env 값만 읽을 수 있으며, 이를 통해 원하는 결과를 얻을 수 있다.