ag-grid is proud to partner with webpack

환경 변수

webpack.config.js에서는 개발 모드프로덕션 빌드 사이의 차이를 잘 나타내기 위해 환경 변수를 사용할 수 있습니다.

웹팩 명령줄에서 환경 옵션, --env을 통해 원하는 만큼 환경 변수를 전달할 수 있으며, webpack.config.js에서 접근 할 수 있습니다. 예: --env.production 또는 --env.NODE_ENV = local (NODE_ENV는 일반적으로 환경 유형을 정의하는 데 사용됩니다. 여기를 참조하십시오.)

webpack --env.NODE_ENV=local --env.production --progress
env 변수를 할당하지 않은 상태로 설정하면, 기본적으로 --env.productiontrue로 설정합니다. 자세한 내용은 webpack CLI 설명서를 참조해주세요. 여기에는 사용할 수 있는 이와 관련된 다른 구문들도 확인하실 수 있습니다.

일반적으로 웹팩 설정에서 module.exports는 설정 객체를 가리킵니다. env 변수를 사용하기 위해선, module.exports를 함수로 변환해야 합니다.:

webpack.config.js

module.exports = env => {
  // 여기에서 env.<당신이 전달한 환경 변수>를 사용하세요:
  console.log('NODE_ENV: ', env.NODE_ENV) // 'local'
  console.log('Production: ', env.production) // true

  return {
    entry: './src/index.js',
    output: {
      filename: 'bundle.js',
      path: path.resolve(__dirname, 'dist')
    }
  }
}

Further Reading


Contributors