Webpack

웹팩은 모듈 번들러로 여러개의 리소스 파일을 하나로 합쳐준다.

Webpack은 의존 관계에 있는 자바스크립트, CSS, 이미지 등의 리소스들을 하나 또는 여러개의 파일로 번들링하는 모듈 번들러다. Webpack을 사용하면 의존 모듈이 하나의 파일로 번들링되므로 별도의 모듈 로더가 필요없다. 그리고 여러개의 자바스크립트 파일을 하나로 번들링하므로 HTML 파일에서 script 태그로 여러개의 자바스크립트 파일을 로드행 하는 번거로움도 사라진다.

Webpack의 설치는 터미널에 다음의 명령어를 입력하면 된다.

$npm install --seve-dev webpack webpack-cli

출처 : 모던 자바스크립트 Deep Dive