Vite 프로젝트 깃헙에 올릴 때 .gitignore에 .env 넣는 법

빌드 속도가 빠르고 편리한 프론트엔드 툴 Vite를 처음으로 써봤어요. 원래는 뷰(Vue.js) 전용 빌트 툴이었다고 하는데 현재는 리액트로도 가능합니다.

Vite

Vite + React

평소 리액트 프로젝트 올릴 때와 같이 .gitignore에 .env 넣어서 올려도 자꾸 깃헙에 그대로 노출되길래 검색해서 찾아봤어요. 혹시 같은 문제로 헤매시는 분들을 위해 정리해둡니다.




* 참고로 vitejs.dev - Guide에서 Env variables and modes로 들어가시면 더 자세한 내용을 보실 수 있습니다.






SECURITY NOTES

• .env.*.local files are local-only and can contain sensitive variables. You should add *.local to your .gitignore to avoid them being checked into git.
• Since any variables exposed to your Vite source code will end up in your client bundle, VITE_* variables should not contain any sensitive information.

.env.*local

.env 파일 만들 때 이름을 .env.*.local로 설정

Vite .gitignore

반응형

.gitignore에는 .env.*.local 로 추가









https://vitejs.dev/guide/env-and-mode.html

Vite