진입점 선택
앱이 처음 import하는 파일에서 의존성 그래프를 따라간다.
모듈 변환
TypeScript, CSS, 이미지 같은 파일이 loader를 통해 처리된다.
청크 분리
초기 로드와 지연 로드에 맞춰 공통 코드와 라우트 코드를 나눈다.
산출물 생성
파일명 hash, source map, asset 경로를 포함한 배포 파일을 만든다.
Entry
빌드 시작점
단일 앱, multi page, admin bundle 등 목적별 시작점
불필요한 entry 증가는 중복 가능
Loader
파일 단위 변환
babel-loader, css-loader, asset module 등이 사용
적용 순서가 중요
Plugin
빌드 전체 제어
HTML 생성, CSS 추출, define 값 주입, 압축
환경별 설정 분리 필요
Chunk
전송 단위
vendor, route, async import 기준으로 분할
너무 잘게 쪼개도 요청 비용 증가