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

내가 까먹지 않기 위한 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),
    }),
],

...