이번 포스팅에서는 Webpack 기반의 프로젝트를 Vite로 전환한 이유와 그로 인해 얼마나 개선되었는지를 다뤄보겠습니다. 제가 담당하는 관리자 프로젝트는 MUI 템플릿을 기반으로 하고 있어, 파일 수가 많아 프로젝트가 무겁습니다. 현재 이 프로젝트는 CRA 환경인 Webpack을 사용 중인데, Webpack은 개발 서버의 구동 속도가 너무 느려 Cold Start Time이 10초나 걸리고, HMR(Hot Module Replacement)도 저장할 때마다 오래 걸립니다. 심지어 가끔은 저장이 되지 않아 VSCode를 껐다 켜야 하는 상황도 발생했습니다. 그러던 중 눈에 뛴것이 바로 Vite라는 빌드 툴입니다. Vite는 프랑스어로 "빠르다"라는 의미라고 합니다. 본인들이 차세대 빌드 툴이라고 소개한 ..