Vite

Vite 장점

큰 Application 개발을 위해 더 많은 JavaScript 및 모듈이 사용되어 성능 병목 현상, 서버 가동 속도 저하, 느린 HMR(Hot Module Replacement)로 파일 편집 반영 속도 저하 등 문제점 발생하였고, 이러한 문제점을 해결하기 위해 vite는 빌드 속도 및 새로운 코드 반영 같은 피드백 속도를 개선

• Application의 모듈을 종속성과 소스 코드의 두 가지 범주로 나누어 개발 서버 시작 시간을 개선
• TypeScript Transiling 속도 개선

<aside> 💡 HMR (Hot Module Replacement)

파일을 펴집할 때 전체 번들을 다시 빌드하는 것이 아닌 페이지의 나머지 부분에 영향을 주지 않고 변경된 모듈 자체를 교체하여 빠르게 화면에 반영되도록 하는 것

</aside>

Vite 사용방법

$ npm create vite@latest
$ npm create vite@latest <폴더명>

$ npm i

$ npm run dev