Webpack

웹팩은 여러 파일(모듈)을 묶어서 들고 오는 시간을 절약하는 것이 목적이다.

main.bundle.js 파일은 0, 1, 2... 의 숫자로 시작하는 여러 모듈을 합친 파일이다.

Gulp는 코드를 직접 다 써서 구현하는 반면에

Webpack은 자체적으로 지원해주는 기능이 많고, 생태계도 Gulp에 비해 훨씬 크다는 장점이 있다.

따라서 새로운 프로젝트라면 Webpack을 쓰는 것이 좋다.

 

 webpack을 쓰지 않았을 때

Webpack을 썻을 때

 

웹페이지에 필요한 파일들을 static assets으로 바꾼다

번들링(bundling) : 합치는 것 (build === bundling === module)