번들은 어떤 경계로 나눠 불러오는가?

초기 경로에 필요한 코드만 먼저 보낸다. 나머지는 경로, 기능, 무거운 라이브러리 경계로 나눠 필요할 때 불러온다.

동적 import는 별도 청크를 만드는 경계가 된다. React에서는 lazy와 Suspense를 조합해 로딩 상태를 보여주며 컴포넌트를 늦게 읽는다.

너무 잘게 나누면 요청 수와 로딩 화면이 늘고 공통 모듈이 중복될 수 있다. 사용 빈도, 청크 크기, 캐시 적중률을 측정해 경계를 조정한다.