You may need an appropriate loader to handle this file type.

webpack.config.development.js를 작성할 때까지만 해도 아래 에러가 안났는데, webpack.config.production.js을 작성한 후 빌드하니깐 다음과 같은 에러가 났다 ㅎ..

ERROR in ./src/index.js 8:4
Module parse failed: Unexpected token (8:4)
You may need an appropriate loader to handle this file type.
| const render = Component =>
|   ReactDOM.render(
>     <AppContainer>
|       <Component />
|     </AppContainer>,
 @ multi (webpack)-dev-server/client?http://localhost:8080 ./src main[1]

 분명 webpack.config.production.js 과 상관일 없을 거 같은데... 뭘까 하고 서치해봤는데 바벨문제라고들 해서 바벨도 새로 설치하고 .babelrc도 다시 작성했는데 해결 할 수 없었다..

그러던 중! package.json에 작성한 애플리케이션을 실행하는 정의가 잘못 됐나? 싶어서 봤더니..

Before

  "scripts": {
    "start": "webpack-dev-server",
    "prebuild": "rimraf dist",
    "build": "cross-env NODE_ENV=production webpack -p --config webpack.config.production.js"
  },

After

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

이렇게 수정하니, 잘 실행되었다!

아마 정의에 개발 환경인지, 배포 환경인지 명시하지 않아서 발생하는 이슈였다.