20210124 TIL

1. DefinePlugin

compile time 에 global 변수를 설정할 수 있도록 해준다. 예를들어, 개발시에는 로그가 나오고 실제 제품에서는 로그가 나오지 않도록 하고 싶다면, log 의 표시여부에 대한 global 변수를 생성하고 해당 값을 definePlugin 을 통해서 설정해주면 된다.

new webpack.DefinePlugin({
  PRODUCTION: JSON.stringify(true),
  VERSION: JSON.stringify('5fa3b9'),
  BROWSER_SUPPORTS_HTML5: true,
  TWO: '1+1',
  'typeof window': JSON.stringify('object'),
  'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
});