번들링(Bundling)

정확하게 번들링이란 모듈들의 의존성 관계를 파악하여 그룹화시켜주는 작업을 뜻합니다. 모듈(module)이란 분리된 파일입니다. 즉, 분리된 녀석들을 하나로 합쳐주는 구나 라고 이해할 수 있습니다.

https://lihano.tistory.com/17

번들링(Bundling)이란?

그냥 모듈끼리 import하고 export하면 되지 번들링이 필요해? 라는 의문에는 이렇게 대답할 수 있습니다.

 - 하나. 여러 개의 파일을 브라우저에서 로딩한다면 네트워크가 그만큼 소모되어 속도가 저하될 수 있습니다.

 - 둘. 모듈 간의 변수 충돌 등의 위험성이 존재합니다. 

 

번들링 도구들은 RequireJS, Browserify, Rollup, Parcel 등이 있습니다. 하지만 가장 많이 쓰이는 건 역시 Webpack입니다.