Skip to content

Tags

On this page

모듈 번들러

수정하기
문서 생성 2021-04-23 19:38:29 최근 수정 2021-06-07 14:36:59

정의

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

Webpack

reference