JS 빌드 툴과 SWC

Babel

트랜스파일러, 유사한 두 언어 사이에서 변환

최신 자바스크립트 문법으로 작성된 코드를 구버전 브라우저에서도 이해할 수 있는 수준의 오래된 자바스크립트 코드로 변환해 줌

 

Terser

webpack에서도 v4 이후부터 사용

parser, mangler, 그리고 compresser

 

mangler

소스코드에 존재하는 네이밍들을 의미 없는 문자로 변경

 

compressor

분석 후 더 짧은 코드를 통해 동일한 기능을 구현

 

SWC

Babel 대비 17배, Terser 대비 7배 빨라졌다고 함

이유: rust 기반 (LLVM도구 사용, 가비지 컬렉션하지 않음, 병렬처리 등등)

 

gnomon

빌드 속도 측정

npm run build | gnomon --type=elapsed-total

 

 

 

https://fe-developers.kakaoent.com/2022/220217-learn-babel-terser-swc/

초보 웹 개발자를 위한 자바스크립트 빌드 툴과 SWC | 카카오엔터테인먼트 FE 기술블로그