웹팩이란?

웹팩이란 프론트엔드 프레임워크에서 가장 많이 사용되는 모듈 번들러(Module Bundler)이다. 모듈 번들러란 웹 어플리케이션을 구성하는 자원(HTML, CSS, Javascript, Image 등)을 모두 각각의 모듈로 보고 이를 조합해서 병합된 하나의 결과물을 만드는 도구를 의미한다.

웹팩에서의 모듈

웹팩에서의 모듈은 자바스크립트 모듈에만 국한되지 않고 웹 어플리케이션을 구성하는 모든 자원을 의미한다. 웹 어플리케이션을 구성하는 모든 파일(HTML, CSS, Javascript, Image, Font 등)이 모두 모듈이다.

모듈 번들링이란?

웹 어플리케이션을 구성하는 수십 수백개의 자원들을 하나의 파일로 병합 및 압축해주는 동작을 모듈 번들링이라고 한다. 이때 빌드, 번들링, 변환 이 세 단어는 모두 같은 의미로 사용된다.