Vite 란

• 프론트엔드 개발을 위한 개발환경 툴로써 프로젝트 초기셋팅(Vue, React), dev server, build 까지 제공함. Like CRA, VUE-CLI
  • Vite를 만든 Evan You 의 표현을 빌리자면, think of Vite as a dev server
• Vite - 발음참고

특징

• HMR (Hot Module Replacement) 지원 - webpack과 동일
• 사전 번들링 (개발환경)을 통한 dev server 속도를 빠르게 지원
  • esbuild 사용 - production은 RollupJS
  • node_modules/.vite 에서 관리
• 빌드 최적화
  • FOUC 대응 - link
  • Async Chunk Loading - dynamic import가 중첩될 때, 순서대로 불러오는게 아닌 병렬로 불러오게 조절

Vite과 다른 도구들의 차이

• 정리된 문서 참고

Vite

차세대 빌드 도구 비교