webpack이란?


여러개 파일을 하나로 합쳐주는 모듈 번들러이다.

웹팩은 기본적으로 모듈을 지원하고 파일 분할 기능(원하는 코드만 따로 분리해서 하나의 파일로 압축 가능), css loader, jsx변환을 한다.

여러개로 나누어진 자바스크립트 파일을 html이 실행할 수 있는 하나의 자바스크립트 파일로 합쳐준다.

빌드, 번들링, 변환 ⇒ 세 단어는 c언어에서는 차이점을 나누게 되지만 프론트엔드 영역에서는 같은 의미로 사용된다.

모듈


초기의 웹페이지와 다르게 다이나믹한 상호 작용이 많은 대규모 웹 서비스들이 생겨나면서 수십 줄의 코드, 수백 개의 JS파일을 하나씩 관리하기 어려워짐

모듈 번들러


웹 어플리케이션을 구성하는 자원(HTML, CSS, JS 등)을 각각의 모듈로 보고 이를 **조합해서 하나의 결과물을 만드는 주체**이다.

번들러 : 웹 애플리케이션을 구성하는 모든 자원을 하나의 파일로 묶는 도구 등장