| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- bash
- Clone
- type
- scss
- C#
- AI
- VUE
- vue.js
- git
- generic
- C++
- vuetify
- condition
- JavaScript
- TypeScript
- security
- loop
- 보안
- leetcode
- Python
- npm
- docker
- webpack
- machine learning
- BOJ
- nginx
- property
- dotenv
- var
- 앙상블
Archives
- Today
- Total
목록Vue-CLI (1)
ice rabbit programming
[JS][Vue] vue-cli 3에서 환경변수(dotenv) 활용하기
이전 글에서 WebPack에서 dotenv 패키지를 활용하여 환경변수를 사용하는 것을 다루었었다. 이번 프로젝트에서는 Vue-Cli를 활용하였고, 여러 모로 편리함이 증가하였다. 편리했던 것 중 하나는 dotenv의 활용이었다. WebPack에서 dotenv 패키지를 사용해봤거나, 이전 포스팅을 읽어보신 분들은 아시겠지만, 외부 패키지를 깔고 webpack 설정 파일에서 직접 코드를 수정해주어야 했다. 하지만 vue-cli에서는 그럴 필요가 없다. 실행 script에서 실행 인자 넘겨주기 우선 가장 큰 차이점은 vue app을 실행하는 script이다. package.json의 실행 script에서 webpack을 활용할 경우에는 "webpack-dev-server .... "로 이어지는 script인데..
Development/JavaScript
2020. 12. 29. 02:33