CRA vs Vite - boostcampwm2023/web07-GBS GitHub Wiki

CRA

• CRA는 Webpack, Babel과 같은 여러 도구들을 함께 사용하여 애플리케이션을 번들링한다.
• 시작할 때 복잡한 설정 없이 즉시 개발을 시작할 수 있는 환경을 제공한다.
• 프로덕션 빌드를 위해 코드 분할, 미니파잉 등 다양한 최적화 기능이 내장되어 있다.
• 필요한 경우 eject 명령을 사용하여 모든 설정 파일과 의존성을 프로젝트에 추출할 수 있다.

Vite

• Vite는 ESBuild를 사용하여 애플리케이션을 번들링한다.
• 개발 중에는 모듈을 번들링하지 않고 브라우저에 필요한 모듈을 제공하는 방식을 사용합니다.
• 서버를 거의 즉시 시작할 수 있으며, HMR (Hot Module Replacement) 또한 매우 빠릅니다.
• Vite는 ES 모듈을 사용하여 브라우저의 네이티브 모듈 시스템을 활용합니다.