Vite 시작해보기

요즈음 vite가 많이 뜬다고 한다.

Vite란 터미널 웹팩으로 일종의 엔진 역할을 한다. Vite는 기존의 react, Vue등을 더빠른 속도로 컴파일 할 수 있게 해주는 장점을 가진다고 해서 한 번 간단하게 사용해 보았다.

vite를 사용해 보는 방법은 아주 쉽다.

우선 터미널에 아래와 같이 적자.

npm create vite@latest

그러면 패키지를 설치하라고 뜨는데 y를 누르면 된다.

그 다음 프로젝트 명을 쓰라고 한뒤 폴더 이름을 설정하면 vanilla, vur, react, preact, lit, svelte 등의 variant를 선택하라고 뜬다. variant를 선택 한 뒤에 타입스크립트 사용여부도 선택할 수 있다. 모두 설정 한 뒤에 터미널에 아래와 같이 적으면 된다.

cd vite-project

npm run dev

npm run dev 명령어를 적고 나면 로컬호스트에 프로젝트가 호스팅된다. 정말 간단하고 리액트 프로젝트 설치 속도도 기존과는 비교도 안되게 빠르다. 기존의 리액트 작성과 차이점은 파일 확장명을 js가 아닌 jsx로 설정하는 것외에는 크게 없다고 볼 수 있다. 또한 vite 프로젝트에 기타 다른 모듈을 설치할 때는 그냥 기존과 똑같이 설치 할 수 있다.

나도 오늘 처음 배워본 웹팩이니 앞으로 많이 배워가야겠다. 공식 가이드는 아래 링크에서 확인가능하다.

Vite 가이드

ps. Vite의 발음은 비-트이다.