핵심 요약
카카오엔터테인먼트가 바벨, Terser, SWC를 중심으로 빌드 도구의 차이와 Next.js에서 SWC가 빌드 속도에 미치는 이점을 소개합니다.
주요 특징
- 바벨: ES6+를 구버전으로 변환하는 트랜스파일러로, @babel/preset-env 등 프리셋으로 최신 문법 접근성을 보장
- Terser: 변수를 이름 축약하는 mangler와 더 짧은 코드로 압축하는 compressor로 생산성 최적화
- SWC: Rust 기반의 Speedy Web Compiler로 트랜스파일링과 경량화를 병렬 처리로 대폭 가속, Next.js 벤치마크에서 최대 5배 이점 제시
- 성능 수치: SWC 도입 시 트랜스파일링은 17배, 코드 경량화는 7배 빠르다는 주장
- 적용 맥락: Next.js 12부터 SWC가 기본 빌드 엔진으로 채택될 수 있으며, Babel/Terser를 선택 시 설정 필요
적용 고려사항
- Next.js 12 이상에서 swcMinify 설정 등으로 SWC를 기본 경량화 도구로 활용 가능
- 프로젝트 특성에 따라 Babel/Terser 도구의 구성과 의존성 관리 필요
