본문 바로가기
Programming/React

.env를 사용하기 위한 webpack 설정

by mingule 2022. 1. 14.

내가 까먹지 않기 위한 webpack 파일 설정

 

CRA 없이 Webpack 설정하다보면 process.env가 마음대로 안불러와지는데,

dotenv, webpack에서 제공하는 defineplugin 사용하면 쉽게 해결된다.

 

$ npm install -D dotenv
// webpack.config.ts

import dotenv from 'dotenv' // 안되면 const dotenv = require('dotenv')

...

plugins: [
	...
    new DefinePlugin({
      'process.env': JSON.stringify(dotenv.config().parsed),
    }),
],

...

 

댓글