번들링을 하는 이유?

webpack 관련 정보들을 보다 보면 '번들링'이라는 단어를 심심찮게 목격할 것이다.

자바스크립트 소스 내의 함수들을 모듈화 함으로써 여러 개의 파일로 쪼개면 그만큼의 HTTP 요청을 추가로 하게 된다.

프로젝트 크기가 작으면 모듈 파일 몇 개 늘어나도 별 영향 없겠지만,

프로젝트 크기가 커져서 모듈 파일이 몇 천개가 된다면 분명히 문제가 될 것이다.

이때, 작업 시 쪼개놨던 모듈들을 배포할 때 다시 한데 합치는 작업이 바로 '번들링'이다.

번들링을 하면 모듈 갯수만큼 늘어났던 HTTP 요청들이 1~2개로 확 줄어들어 리소스 관리에 매우 효과적이다.

이러한 번들링 기능을 제공해주는 웹 배포 도구 중 하나가 바로 그 유명한 'webpack'인 것이다.

출처:

티스토리툴바