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 기본 지원
Vite 설정 생성기 소개
Vite 빌드 도구용 설정 파일을 생성하고 최적화합니다 별도 설치나 회원가입 없이 브라우저에서 바로 사용할 수 있습니다.
관련 키워드: Vite, 빌드도구, 설정, 최적화, 프론트엔드