| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- JavaScript
- property
- VUE
- C#
- leetcode
- docker
- security
- C++
- bash
- AI
- type
- webpack
- 앙상블
- 보안
- scss
- machine learning
- TypeScript
- Python
- nginx
- npm
- var
- BOJ
- git
- condition
- loop
- vuetify
- Clone
- vue.js
- generic
- dotenv
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