Webpack 4에서 Vite로의 CMS 프로젝트 전환 여정
스토리 · 컬리 테크 · 2025.12.01
5년 동안 운영된 CMS 프로젝트의 Webpack 4를 Vite로 전환하며 얻은 놀라운 성과와 경험을 공유하는 글입니다. 빌드 중 발생한 OOM(Out of Memory) 문제를 해결하기 위해 Vite를 선택했으며, 그 결과 번들 크기 81% 감소, 개발 서버 시작 속도 460배 개선 등 엄청난 성능 향상을 이뤄냈습니다. 기술 부채를 해결하는 과정에서의 시행착오와 측정의 중요성, 그리고 점진적 전환의 필요성에 대한 귀중한 교훈을 담고 있습니다. 프론트엔드 개발 환경 최적화에 관심 있는 분들에게 큰 도움이 될 것입니다.