ViTE

Javascript

[Vite] 번들러 알아가기

번들러를 Webpack만 사용하다가 Vite로 최근 넘어오면서 퍼포먼스 차이를 확연하게 체감했다. 번들러에 대해서 따로 공부해보지 않았기에 이참에 정리해 보고 vite가 왜 빠른지 어떻게 번들링 되는지 정리하고자 한다. 본 글에서는 Webpack에 관한 디테일한 건 다루지 않고 단순 비교정도로 작성한다. 번들러란? 우선 번들러가 뭔지 알아보기 전에 번들러가 하는 일을 하지 않았을 때 문제부터 짚어보자. 중복네이밍의 Issue. 과거의 Web은 규모가 그렇게 크지 않았다. 그렇기에 적은 인원이 작업했고 코드 컨벤션이 없거나 지금처럼 버전관리를 하지 않는 상태로 각자의 개성에 맞게 함수나 파일명을 네이밍 했다. 하지만 Web의 규모가 커지게 되면서 문제가 생기기 시작했다. 각각 다른 파일에서 작업이 이루어지..

개발조무사 윤뚜비
'ViTE' 태그의 글 목록