Vite란 뭘까?

⚡ Vite란 무엇일까?

Vite는 빠르고 간단한 모던 웹 프로젝트 개발 경험에 초점을 맞춘 빌드 도구입니다.

---

🎈 특징

• 빠른 빌드 속도
  • Vite는 Webpack보다 빠른 빌드 속도를 자랑합니다. 개발 중에서도 0.1초만에 빌드가 가능합니다.
• 네이티브 ES Modules (ESM) 지원
  • VIte는 브라우저에서 지원하는 ESM을 활용하여 번들링을 최소화하며, 개발 서버를 빠르게 구축합니다.
• HMR(Hot Module Replacement)
  • HMR을 이용하면 애플리케이션을 다시 시작하지 않고도 일부 컨텐츠만을 갱신할 수 있습니다.

---

🎈 장단점

👍 장점

• 빠른 빌드 속도와 빠른 피드백 루프로 개발자 생산성을 향상.
• 네이티브 ESM 지원으로 번들링 최소화
• HMR 지원으로 변경 사항을 빠르게 반영

👎 단점

• 프로덕션 환경에서 번들링이 필요한 경우가 발생

---

🎈 어떤 경우에 사용해야하나?

1. 개발 시 빠른 피드백이 필요한 경우

   : Vite는 빠른 빌드 속도와 HMR을 통해 개발자가 빠르게 수정 사항을 확인할 수 있도록 한다.

2. ESM을 활용하고 싶은 경우

   : Vite는 네이티브 ESM을 지원하여 번들링을 최소화하고 브라우저에서 실행 가능한 형태로 제공한다.

---

Vite는 번들러인가?

Vite는 웹팩(Webpack)과 같은 전통적인 번들러와는 다르다. Vite는 주로 빌드 도구이자 개발 서버로 사용되며, 현대적인 프론트엔드 개발 환경을 위한 도구이다.

Vite는 개발 중 ES 모듈을 사용하여 빠른 응답과 핫 모듈 교체(HMR, Hot Module Replacement)를 제공하며, 프로덕션 빌드에서는 RollUp을 사용하여 번들링 및 최적화를 수행해준다.

따라서 Vite는 전통적인 의미의 번들러가 아닌 개발 환경을 빠르고 효율적으로 만들어주는 현대적인 빌드 도구로 보는 것이 맞는 의미일 것 같다는 생각이 들었다.