웹팩으로 리액트 프로젝트 번들링 해보기

 

웹팩

자바스크립트 파일을 하나로 만들어주는 정적 번들러이다. 

 

webpack --help 명령어를 통해 옵션을 확인할 수 있다. 

 

 

번들링을 통해 결과파일 main.js가 생성될것이다.

You may need an appropriate loader to handle this file type 에러가 난다

웹팩은 react 의 jsx 문법을 번들링하지 못하기 때문에 babel -loader 가 필요하다.

바벨을 설치해주고 .babelrc 파일을 생성해주자.

 

 

 

 

 

참고문서 : https://jeonghwan-kim.github.io/series/2019/12/10/frontend-dev-env-webpack-basic.html ,

                https://webpack.js.org/concepts/