eject 대신 webpack설치하기

eject 대신에 사용하기

1. customize-cra 와 react-app-rewired 를 설치

https://github.com/timarney/react-app-rewired

/* eslint-disable */
/* config-overrides.js */
const path = require('path');
module.exports = {
  webpack(config, env) {
    if (process.env.NODE_ENV === 'development') {
      //  개발(로컬)일 때는 기존 속성대로 리턴
      return config;
    }
    // 상용일 때 (npm run build) 현재폴더 로 path 생성
    config.output = {
      ...config.output,
      publicPath: setPublicPath(),
    };
    return config;
  },
};

const setPublicPath = () => {
  if (process.env.NODE_ENV === 'development') {
    return '/';
  } else {
    return process.env.REACT_APP_BASEPATH;
  }
};


//package.json script
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
//추가해주기