모듈 번들러

정의

• 대형 프로그램을 개발하다보면 스코프를 분리하고 코드의 재사용성을 높이기 위해 소스코드를 여러 파일로 분리하여 모듈화하기 마련이다.
• Node.js 같은 경우에는 모듈 패턴을 지원하기 때문에 엔트리 스크립트를 실행하면 되지만, 웹 브라우저에서 동작할 JavaScript에는 모듈 패턴을 웹 브라우저가 이해할 수 있도록 의존 모듈들의 코드를 모두 인라인으로 복사하고, 소스코드에 모듈 로더 코드를 추가하고, 모듈 간 스코프를 분리하고, 결과를 몇 개의 파일로 합쳐주는 등의 부가적인 작업들이 필요하다.
• → 모듈 번들러는 위 작업처럼 모듈 패턴이 적용된 JavaScript 파일들을 웹 브라우저에서 실행 가능한 번들(Bundle)로 생성해주는 프로그램이다.

Webpack

• 번들링 기능 뿐 아니라 Transpiler, Task-Runner 기능도 포함할 수 있다.

reference

• https://okky.kr/article/400839