Webpack → Vite: 번들러 마이그레이션 이야기

이 글은 Airbridge 대시보드의 번들러를 Webpack에서 Vite로 마이그레이션하는 과정을 공유합니다. 기능 증가로 인해 느려진 빌드 속도 문제를 해결하기 위해 Vite로 전환을 결정했으며, Webpack의 장점과 함께 ES Module 지원 확대 및 Native 기반 번들러의 등장 등 웹 생태계 변화를 설명합니다.

특히 NodeJS 기반 번들러의 싱글 스레드 한계를 지적하며, esbuild, SWC와 같은 Native 영역에서 동작하는 번들러의 성능 향상 시도를 소개합니다. 마이그레이션 과정에서 겪은 구체적인 경험과 해결 방안을 통해 개발 경험 개선 및 성능 향상에 대한 인사이트를 제공합니다.