Vite 간단히 정리하기(with CRA)

• CRA 대신 Vite 사용: Vite는 Esbuild 기반의 프론트엔드 빌드 툴로, 브라우저에서 필요한 코드만 변환하여 제공, 개발 속도 향상

• Vite의 개발 모드 빌드: 의존성 모듈과 소스코드를 분리하여 빌드, esbuild를 통해 빠른 처리 가능

• Vite의 HMR 구현: 네이티브 ESM 기반으로 HMR 구현, 수정된 모듈만 교체하여 어플리케이션 크기와 관계없이 빠른 HMR 가능

• Vite의 장점: 번들링 생략, 빠른 리로딩 및 캐싱, 최소한의 설정으로 사용 가능