본문 바로가기

JavaScript/ETC

[webpack] webpack scripts 명령어에서 분기 처리하는 방법

cross-env 에서 BUILD_TYPE=share, BUILD_TYPE=production 과 같이 매개변수 전달

"scripts": {
    "dev": "webpack-dev-server --config webpack.config.development.js",
    "share": "cross-env NODE_ENV=production BUILD_TYPE=share webpack -p --config webpack.config.production.js",
    "build": "cross-env NODE_ENV=production BUILD_TYPE=production webpack -p --config webpack.config.production.js"
 },

webpack.config.js에서 process.env.BUILP_TYPE으로 접근

const getOutputConfig = () => {
  if (process.env.BUILD_TYPE === 'share') {
    return path.resolve(__dirname, 'dist');
  }

  if (process.env.BUILD_TYPE === 'production') {
    return path.resolve(__dirname);
  }
}

const outputPath = getOutputConfig();

'JavaScript > ETC' 카테고리의 다른 글

react webpack build issue  (0) 2019.10.16
protobuf arrayBuffer 우회하기  (0) 2019.10.02
if 문 true, false  (0) 2019.08.14
webpack 보일러플레이트 만들기  (0) 2019.08.11
Parcel 기본 셋팅  (0) 2019.08.09