Webpack 빌드 속도 개선: Esbuild-Loader 적용 시 프로덕션 빌드 시간 약 2.5배 단축

Webpack의 Babel-Loader를 Esbuild-Loader로 교체하여 빌드 속도를 개선한 사례입니다. 로컬 환경 측정 결과, Dev Server 시작 시간은 평균 3399.80ms에서 2031.40ms로, Hot Module Replacement(HMR) 시간은 평균 199.20ms에서 102.00ms로 단축되었습니다. 특히 프로덕션 빌드의 경우, Babel-Loader와 Terser Minify를 사용했을 때 평균 5617.40ms가 소요되었으나, Esbuild-Loader와 Esbuild Minify를 적용하면 평균 2238.20ms로 약 2.5배 빨라졌습니다. Esbuild이 빠른 이유는 Go 언어로 작성되어 실행 전 컴파일 단계에서 기계어로 변환되는 특성과, JavaScript의 싱글 스레드와 달리 멀티 스레드로 여러 파일을 동시에 처리할 수 있기 때문입니다. 기존 Webpack 설정을 유지하면서 로더만 교체하는 방식으로 상당한 시간 절감 효과를 얻을 수 있습니다.