Vite 사용하기

Vite?

취업준비를 하며 우대사항에 가끔 vite를 사용해본적 있는 사람이 보이길래, vite가 뭔지 찾아보았다.

• vite는 프랑스어로 '빠르다'를 뜻하며 비트라고 읽는다. (처음에 바이트라고 읽었다^^)
• 빠르고 간결한 모던 웹 프로젝트 개발 경험에 맞춰 탄생한 빌드 도구이다.
• 더 빠른 개발 서버, 모듈이나 라이브러리와의 호환성 좋음, 플러그인 생태계 등의 이유로 CRA보다 좋다는 평가를 받으며 많이 사용하고 있다고 한다.

Vite 프로젝트 생성하기

• npm으로 프로젝트를 구축해야하기 때문에 node.js는 필수이다.
• create-vite

npm create vite@latest

• project setup: 프로젝트 이름, 사용하는 framework 종류 정하기
  
  
• typeScript와 typeScript + SWC는 컴파일 속도가 다르다고 한다. (아래의 링크-참고한 웹사이트 참조하기)
• 선택하면 아래의 명령어를 입력하라고 나온다. 입력하고 실행하자

cd vite-project(프로젝트 명)
npm install
npm run dev

참고한 웹사이트

• vite 가이드
• vite로 리액트 프로젝트 시작하기(vite를 사용하는 이유)
• TypeScript와 TypeScript + SWC의 차이