• SWC

    • Rust로 작성된 매우 빠른 JS/TS 컴파일러
    • 가장 빠른 빌드 속도

  • ESBuild

    • Go 언어로 작성된 빠른 JS/TS 번들러

  • Babel

    • JS로 빌드된 트랜스파일러
    • 풍부한 플러그인과 옵션, 그러나 상대적으로 조금 느림

  • 결과

    • SWC와 ESBuild는 성능 면에서 매우 우수, 빌드 속도도 큰 차이

  • 전통 번들러

    • 모든 js 모듈, css, 기타 자산을 번들링
    • 코드를 변경할 때마다 모든 것을 다시 번들링, 규모가 커질수록 느리다
    • webpack, parcel

  • Vite

    • ES 모듈을 활용하여 브라우저에 직접 제공
    • 변경시 전체를 번들링하지 않고, 필요한 부분만 갱신
    • 코드 스플리팅 : 필요할 때만 코드를 로드하여 초기 로딩속도를 빠르게
    • 프로덕션 빌드 : 최적화된 번들을 생성

  • Rollup

    • 번들을 묶는다
    • npm run build → index.html, style.css, bundle.js 파일들이 생성