Vite란 무엇인가?

사실 항상 CRA로만 프로젝트를 생성해봐서 vite가 무엇인지는 전혀 모르고 있었다.
하지만, 이번 겨울방학 때 진행하는 프로젝트에서 vite로 프로젝트 생성을 요구했고, 그를 계기로 vite가 무엇인지 깨닫게 되었다.

Vite가 무엇인가요?

우선 vite는 Vue.js 개발을 위한 기본 도구로 사용되었지만, 지금은 React에서도 많이 쓰고 있다고 한다.

Vite를 사용하는 이유는?

사실 가장 궁금했던 것이었다. CRA로 잘만 만들고 있었는데 왜 갑자기 vite를 쓰는 것일까? 하며 찾아보게 되었는데 CRA비해 속도가 엄청나게 빠르다는 것을 알게 되었다.

기존 Webpack, Rollup 그리고 Parcel같은 도구들은 번들링 작업을 해야하기에 속도가 많이 느렸지만, Vite는 사전 번들링 기능으로 Esbuild를 사용하기에 기존 번들러 대비 10-100배까지도 빠른 속도를 제공한다고 한다.

실제로 CRA를 사용했을 때에 비해서
npm run dev를 실행했을 때
엄~~~청나게 빠르게 빌드가 되는 것을 확인할 수 있었다.

이렇게 간단하게 Vite에 대해 알아보았다.