webpack, rollup 같은 번들러는 왜 필요한가요?

번들러를 "파일 합치기 도구" 정도로만 알고 있는지, 아니면 트랜스파일·스플리팅·트리 쉐이킹을 포함한 최적화 파이프라인으로 이해하고 있는지를 가른다.

1. 01모듈 그래프를 해석해 산출물을 만든다는 핵심 역할을 한 줄로 정의한다
2. 02트랜스파일링·코드 스플리팅·트리 쉐이킹·해시 파일명 같은 주요 기능을 각각 왜 필요한지와 함께 설명한다
3. 03ESM이 표준이어도 왜 프로덕션에서 번들이 필요한지 요청 수·호환성 관점으로 풀어 설명한다
4. 04번들 전략이 잘못됐을 때 생기는 문제(번들 비대화, 캐시 무효화 실패)로 실무 포인트를 마무리한다

• 초기 로딩 시간을 줄이기 위해 라우트별 코드 스플리팅을 도입하는 SPA
• 라이브러리 일부만 import했는데 번들에 통째로 들어와 분석이 필요해진 상황
• 캐시 무효화 전략으로 해시 파일명과 청크 분리 규칙을 다시 잡아야 하는 배포 환경

아직 공개된 답변이 없어요. 첫 공개 답변을 남겨보세요.