Skip to content
Yongku cho edited this page Feb 20, 2021 · 4 revisions

vite가 무엇인가?

  • 다음 세대 프런트엔드 툴이라고 소개한다.
  • 💡 즉각적인 서버 시작(Instant Server Start)
  • ⚡️ 번개같이 빠른 HMR(Lightning Fast HMR)
  • 🛠️ 많은 기능(Rich Features)
  • 📦 최적화된 빌드(Optimized Build)
  • 🔩 유니버셜 플러그인 인터페이스(Universal Plugin Interface)
  • 🔑 충분히 선언된 타입 API들(Fully Typed APIs)

vite는 왜 만들어졌을까?

많은 기능을 제공하는 애플리케이션을 구축하기 시작하면서 우리가 다루는 JavaScript의 양도 기하 급수적으로 증가했다. 대규모 프로젝트에서는 수천 개의 모듈이 포함되는 것은 드문 일이 아니다. 이 때문에 JavaScript 기반 도구의 성능 병목 현상이 발생했다. 예를 들면 개발 서버를 가동하는데 긴 대기 시간이 발생할 수 있고, HMR을 사용하더라도 변경된 파일의 내용이 반영되는 데 몇 초가 걸릴 수 있다.

이렇게 느린 피드백 루프는 개발자의 생산성과 행복에 큰 영향을 미칠 수 있다. Vite는 생태계의 새로운 발전을 하는 것이 목표다.

vite 단어의 의미는?

프랑스어로 fast를 vit로 하는 데, 이 발음을 그대로 한 것이다.

vite는 개발 단계에서만 사용할 수 있는 건가? 프로덕션 빌드 때는 사용 못하나?

개발 환경에서 빠른 개발을 할 수 있도록 제공하고, 프로덕션에서 Rollup 기반으로 빌드를 제공한다.

속도가 빠르다는 데, 어떤 기술을 사용해서 빠르게 만들었을까?

Vue 메인테이너가 만들었는 데, React나 바닐라에서 사용할 수 있나?

Clone this wiki locally