[vue] 환경변수 설정

Edward Hyun·2022년 3월 15일
0

app&web-dev

목록 보기
94/178
post-custom-banner

.env .env.production .env.development 에 각각
공통, 배포, 개발에 관한 환경 변수를 설정할 수 있다.

typescript에서는 이 변수를 곧바로 사용할 경우, 인식하지 못한다.
따라서 process.env.변수로 호출을 하는데
process.env로는 .env.production이나 .env.development 변수를 인식하지 못하기 때문에
dotenv를 설치해야 함.

npm i dotenv

process도 타입 선언이 필요하여 @types/node를 설치.

npm i -D typescript @types/node

실행방법은 --mode production 옵션을 주면 된다.

출처 :
https://gongzza.github.io/typescript/typescript-definition-for-process-env/
https://taemy-sw.tistory.com/12
https://jess2.xyz/vue/vue-tip/#4-env-%EC%84%A4%EC%A0%95

profile
앱&웹개발(flutter, vuejs, typescript, react), 인공지능(nlp, asr, rl), 백엔드(nodejs, flask, golang, grpc, webrtc, aws, msa, nft, spring cloud, nest.js), 함수형 프로그래밍(scala, erlang)을 공부하며 정리합니다.
post-custom-banner

0개의 댓글