728x90 반응형 suspense1 코드 스플리팅 코드 스플리팅 : 빌드-번들링(하나로 압축) 시 파일을 분리하는 작업 어플리케이션 크기가 커지면 번들 파일도 커짐 이때 스플리팅을 통해 큰 파일을 맞닥뜨리는 문제점을 해결할 수 있음 예를 들어 react 에서 구현한 페이지가 main / login / about 로 이루어진 spa를 구현한다고 했을 때 main 페이지를 들어가는 동안 다른 페이지 정보는 사용자에게 필요하지 않음 이때 웹팩은 동기적으로 로드하기 위한 청크 파일을 만듦 그리고 login 모듈이 필요한 상황이 발생하면 청크 파일을 비동기적으로 로드하여 login 모듈을 사용할 수 있도록 함 즉, 코드 스플리팅을 사용하면 필요한 모듈만 로드하기 때문에 초기 로딩 시간이 줄어들고 애플리케이션 성능이 개선됨 자동 코드 스플리팅 next.js 나 c.. 2023. 4. 16. 이전 1 다음 728x90 반응형