DefinePlugin
DefinePlugin의 경우
환경 의존적인 정보를 (ex-환경에따라 API주소가 다르다거나) 소스가 아닌곳에서 관리하기 위함이라고 하셨는데,
new webpack.DefinePlugin({
VERSION: JSON.stringify("v.1.2.3"),
PRODUCTION: JSON.stringify(false),
MAX_COUNT: JSON.stringify(999),
"api.domain": JSON.stringify("http://dev.api.domain.com"), //
})
그렇다면 api.domain : JSON.stringify("http://dev.api.domain.com"),
이부분을
api.domain : process.env.NODE_ENV == 'production' ?
JSON.stringify("http://pro.api.domain.com")
: JSON.stringify("http://dev.api.domain.com")
이런식으로 사용가능해야 배포할때마다 코드수정 줄일수 있지않나요?
(어떤식으로 효율이 날수있게 사용하는지 잘모르겠달까요..)
그리고 webpack config 같은경우는 git에 올라가서 공개될지 모르는데 .env로 관리하는게 보안적으로 더 안전하지 않나요?
답변 1
3
네 그렇습니다. 환경에 따라 다른 값을 넣어주어야 합니다. 저는 아예 환경별로 웹팩 설정 파일을 만들어서 사용하고 있어요.
- webpack --config webpack.config.prod.js
- webpack --config webpack.config.beta.js
.env를 사용하는 방법도 좋습니다.
지금 시점에서 해당 강의를 듣는 것에 대하여
1
132
3
2025년 기준 번들러 트렌드와 선택 기준이 궁금합니다 (Webpack, Vite, tsup 등)
1
251
1
에러 해결 공유드립니다
1
235
2
webpack 4 버전과 호환되는 플러그인 버전 공유드립니다
1
253
2
eslint
0
397
3
도와주세요!
0
172
2
[수강 중 트러블슈팅 공유] webpack, webpack-cli 버전
1
155
1
질문 an error occurred while loading the image
1
489
1
webpack에서 babel-loader 사용할때 질문
1
160
1
자주 사용하는 플러그인 에서 질문이 있습니다.
1
174
1
eslint no-extra-semi 관련 질문
1
152
1
webpack5 에서 open index.html하는법 + 질문
1
177
1
TypeError: ((process.env.NODE_ENV === "production") && [MiniCssExtractPlugin]) is not iterable
2
313
1
혹시 웹팩 5 내용으로 강의 업데이트는 안되는건가요?
1
375
1
에러없이 png안뜨시는 분들
1
284
1
Error: Cannot find module 'node:crypto'
1
471
1
DefinePlugin 관련; env와 관련하여, (21.06.22 16:15, aloha_jh) 답변포함
1
419
1
깃허브 확인 문의
0
583
1
폴더를 prettier로 돌렸을 때 나오는 에러 구문에 대한 질문
0
414
1
해쉬값과 캐쉬 갱신
1
468
1
Hash 에러 발생
1
2678
2
webpack.config.js에서의 CommonJS방식에 대한 질문
0
845
3
웹팩 버전
0
530
1
웹팩-cli 버전을 명시하지 않으면 왜 에러가 날까요?
0
491
1