NODE_ENV 질문
393
작성한 질문수 44
이전 플러그인 강의내용에서 DefinePlugin을 적용하게되면 process.env.NODE_ENV의 값이 webpack설정파일의 mode값으로 설정된다고 이해했습니다. 그래서 mode : "development" 를 설정하게되면 NODE_ENV값이 "development"로 설정되구요.
근데 이번강의에서 production환경과 development환경을 구분짓기위해 아래와 같이 설정파일을 수정하고
const mode = process.env.NODE_ENV || "development" // 기본값을 development로 설정
module.exports = {
mode,
}
build 명령어부분에 NODE_ENV = "production" 를 설정해주셨는데 이렇게 설정하면 DefinePlugin을 사용하지 않아도 되는게 아닌지 궁금합니다.
답변 1
0
"DefinePlugin을 적용하게되면 process.env.NODE_ENV의 값이 webpack설정파일의 mode값으로 설정된다고 이해했습니다"
이 부분을 오해하신것 같습니다.
DefinePlugin은 빌드 시점의 값을 어플리케이션 코드에 넣기 위해 사용하는데요. 기본적으로 웹팩 설정 옵션 중 mode 값을 NODE_ENV 란 변수로 넣어줍니다. 이 외에 필요한 값이 있다면 옵션 객체로 전달하고요.
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"),
})
명령어를 실행할때 NODE_ENV 값을 설정하신것과 무관하게 빌드시점의 값을 어플리케이션에서 사용하려면 DefinePlugin을 사용하셔야 합니다.
지금 시점에서 해당 강의를 듣는 것에 대하여
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
420
1
깃허브 확인 문의
0
583
1
폴더를 prettier로 돌렸을 때 나오는 에러 구문에 대한 질문
0
414
1
해쉬값과 캐쉬 갱신
1
468
1
Hash 에러 발생
1
2679
2
webpack.config.js에서의 CommonJS방식에 대한 질문
0
845
3
웹팩 버전
0
530
1
웹팩-cli 버전을 명시하지 않으면 왜 에러가 날까요?
0
491
1