-
윈도우에서 NODE_ENV 사용하기개발/Javascript 2022. 8. 4. 15:59
윈도우 프롬프트 창에서 NODE_ENV 환경변수를 설정하려고 하면 안 될 겁니다.
cross-env 라이브러리를 사용하면 손 쉽게 해결할 수 있습니다.
다만 맥이나 리눅스에서 터미널에서 NODE_ENV를 직접 사용하지 말고
package.json에서 스크립트를 설정해서 사용하면 됩니다.
"build": "cross-env NODE_ENV=development webpack"웹팩 서드파티 라이브러리인 HtmlWebPackPlugin을 이용해서 index.html까지 번들할 때
ejs(embedded javascript) 문법을 사용해 개발 모드인지 프로덕션 모드인지에 따라
필요한 문구를 동적으로 넣을 수 있습니다.
// index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document<%= env %></title> </head> <body> <!-- <script src="dist/main.js"></script> --> </body> </html> // webpack.config.js plugins: [ new HtmlWebpackPlugin({ template: './src/index.html', templateParameters: { env: process.env.NODE_ENV === 'development' ? '(개발용)' : '', }, }), ],
https://www.npmjs.com/package/cross-env
https://yahohococo.tistory.com/43
'개발 > Javascript' 카테고리의 다른 글
[Webpack 5] Optimization.minimizer (0) 2022.08.07 ESLint(feat. Prettier) (0) 2022.08.05 [Webpack] file-loader, url-loader (0) 2022.08.03 package.json 모듈 업데이트 (0) 2022.08.03 [Jest] 간단한 유닛 테스트(feat.setTimeout()) (0) 2022.08.02