Vite와 Create React App(CRA)은 모두 React 개발 환경을 구축하기 위한 도구다.
Vite
- ES 모듈을 사용한 빠른 개발 서버
- Rollup 기반 빌드 시스템
- 매우 빠른 초기 빌드 속도
Create React App
- Webpack 기반 빌드 시스템
- 초기 빌드와 큰 프로젝트의 경우 상대적으로 느림
Vite 설치
1. 프로젝트 디렉터리 생성 및 이동
mkdir my-vite-app
cd my-vite-app
2. Yarn을 사용하여 Vite 설치
yarn create vite아래 코드처럼 프로젝트 이름을 입력하고 사용할 템플릿(Vue, React 등)을 선택할 수 있다.
yarn create vite my-react-app --template react
3. 의존성 설치
yarn
4. 개발 서버 실행
yarn dev
Vite의 주요 스크립트
dev: 개발 서버 실행
build: 프로젝트를 프로덕션용으로 빌드함
serve: 빌드된 프로젝트를 로컬 서버에서 서빙함728x90