posts
FE
06-dev-tool
Code Splitting

Code Splitting (코드 스플리팅)

초기 로딩 시 번들 파일의 용량 증가를 막기 위하여 필요한 코드만 로딩하도록 코드를 잘게 나누는 과정


webpack에서 제공하는 코드 스플리팅 방법

    1. entry 설정을 이용
    1. 기존 entry나 새로운 청크의 공통 의존성을 SplitChunksPlugin을 통해 제거하고 분할
    1. Dynamic Import를 이용하여 모듈에서 코드를 나누는 방법