<aside> ☝️ 의존 관계에 있는 모듈들을 하나의 자바스크립트 파일로 번들링하는 모듈 번들러이다. Webpack을 사용하면 의존 모듈이 하나의 파일로 번들링되므로 별도의 모듈 로더가 필요없다. 그리고 다수의 자바스크립트 파일을 하나의 파일로 번들링하므로 html 파일에서 script 태그로 다수의 자바스크립트 파일을 로드해야 하는 번거로움도 사라진다.

</aside>

• 모듈 번들러란 ?
• Webpack 설치 과정
• webpack.config.js 파일
• 웹팩으로 HTML 파일 빌드하기
• 차세대 빌드 도구 비교(webpack, rollup, snowpack ..)
• Tree Shaking

Reference

https://velog.io/@jeff0720/React-개발-환경을-구축하면서-배우는-Webpack-기초

https://velog.io/@pop8682/번역-React-webpack-설정-처음부터-해보기

https://velog.io/@pop8682/번역-왜-babel-preset이-필요하고-왜-필요한가-yhk03drm7q