Vite 설정 생성기
모던 웹 개발을 위한 Vite 설정 파일을 생성합니다.
프로젝트 타입
기본 설정
CSS 전처리기
개발 서버 설정
빌드 설정
vite.config.js 미리보기
필요한 패키지
설치 명령어:
npm install --save-dev vite @vitejs/plugin-react react react-dom @types/react @types/react-dom typescript패키지 목록:
- vite
- @vitejs/plugin-react
- react
- react-dom
- @types/react
- @types/react-dom
- typescript
유용한 스크립트
개발 서버 실행:
npm run dev빌드:
npm run build미리보기:
npm run previewVite의 장점
⚡ 빠른 개발 서버 시작
🔥 Hot Module Replacement
📦 최적화된 번들링
🔧 Zero-config 설정
🎯 TypeScript 기본 지원