보통 웹팩의 번들링 통합 과정으로 인해 개발 모드로 작업을 확인하기 번거로운 시간이 소비되는 경우가 종종 있다. (npm module 용량 또한 비효율적으로 많다.)

이런 불편한 점을 해소하고자 esbuild 기술을 활용하여 미리 bundle 처리를 한 vite의 설치 과정을 알아보자.

1 설치 명령어

  npm create vite@latest

2 이름 설정

3 원하는 프레임워크 환경 세팅

4 설치 완료!