[타입스크립트] 모듈로더와 모듈 번들러

모듈로더는 모듈 포맷에서 맞게 작성된 모듈을 브라우저에서 해석하고 읽어 들이는 역할을 합니다.
이는 런타임 시에 발생합니다.

여기서 문제점은 모듈을 하나의 스크립트에서 생성하지 않고 10개, 100개에서 생성할 수도 있다는 것이죠.
이렇게 되면 모듈로더가 해당 파일 갯수 만큼 실행되어 http에 큰 부하를 주게 됩니다.

그래서 모듈 번들러로 모듈이 작성되어 있는 모든 파일을 하나의 번들파일로 만들어 주는 역할을 합니다.

모듈 번들러는 빌드 타임에 번들파일을 만들게 됩니다.
그런데 기본적으로는 자바스크립에는 빌드라는 과정이 존재하지 않기 때문에 따로 빌드과정을 거쳐서 번들 파닐을 생성해 주고 모듈로더는 이 번들파일만 로드 해주는 과정을 갖게 되는 것입니다.

끝!