Vite create react app

새로운 CRA 프로젝트 생성

Vite

리액트 프로젝트를 빠르게 해줄 뿐만아니라 유용한 것을 많이 제공해준다.

프로젝트 설정

프로젝트 생성

npm create npm create vite@latesst my-react-app -- -- template react

생성 후 프로젝트 열기

code my-react-app

npm install

프로젝트 시작

npm run dev

Vite와 React를 조합한 프로젝트를 세팅할 수 있다.

프로젝트 구조

일반 React 프로젝트에서는 index.html이 public내부에 있지만 vite 프로젝트에서는 루트위치에 존재한다.
index.js -> main.jsx
App.js -> App.jsx
build 폴더 -> dist 폴더