VITE(비트) 공부하기

• Vite는 프랑스어로 "빠르다"를 의미하며, 웹팩보다 빠르게 웹 프로젝트를 개발하고 배포할 수 있는 빌드 도구이다. Vue, React 등 다양한 프레임워크와 라이브러리 환경에서 지원된다.

• Vite는 dependencies와 source code를 분리하여 빌드하며, 사전 번들링 기능으로 esbuild를 사용하여 source code와 의존성이 있는 dependencies만을 가져온다. 이를 통해 퍼포먼스를 향상시킬 수 있다.

• Vite를 사용하여 프로젝트를 생성하면 index.html이 프로젝트 루트에 존재하는 구조를 가진다. 이는 추가적인 번들링 없이 index.html이 애플리케이션의 진입점으로 인식되게 하기 위함이다.

• Vite는 프로젝트 루트 외부에서도 dependencies를 가지고 올 수 있게 되어있어, 모노레포 구성 등 다양한 작업이 가능하다. 기본 커맨드를 통해 프로젝트를 실행하며, 포트 번호를 지정하지 않으면 기본 포트인 5173으로 열린다.