Vite 선택 이유

1. 빠른 개발 서버 시작 및 빌드 성능

Vite는 ES 모듈을 기반으로 동작하여 개발 서버 구동 시간이 매우 빠릅니다[1][2]. ESBuild를 사용해 종속성을 미리 번들링하므로 기존 JavaScript 기반 번들러보다 10-100배 빠른 속도를 제공합니다[7].

1. 효율적인 핫 모듈 리플레이스먼트(HMR)

Vite는 모듈 단위로 HMR을 수행하여 코드 변경 시 전체 페이지 새로고침 없이 변경된 부분만 업데이트합니다[1]. 이는 개발 생산성을 크게 향상시킵니다.

1. 최적화된 빌드 성능

Rollup을 사용하여 최적화된 프로덕션 빌드를 제공합니다. 코드 스플리팅과 같은 고급 최적화 기능을 지원하여 최종 번들 크기를 최소화합니다[1].

1. 간편한 설정

Webpack에 비해 설정이 간단하고 직관적입니다. TypeScript, CSS 로더, HMR 등을 별도 설정 없이 제공합니다[9].

1. 모던 웹 개발 지원

ES 모듈을 네이티브로 지원하여 최신 브라우저 기능을 활용합니다[8]. 또한 React, Vue, Angular 등 다양한 프레임워크를 지원합니다[8].

장점

• 빠른 개발 서버 시작 및 HMR 성능[1][2][7]
• 간편한 설정과 사용[9]
• 최신 웹 기술 지원[8]
• 최적화된 프로덕션 빌드[1]

단점

• Webpack에 비해 생태계가 좁고 안정성이 떨어질 수 있음[9]
• 복잡한 커스텀 설정이 필요한 경우 어려움이 있을 수 있음[9]
• 대규모 프로젝트에서 dev 모드 사용 시 많은 파일을 개별적으로 로드하여 성능 저하 가능성[10]