33. Introduction to Vite

이 강의에서는 JavaScript 생태계에서 새롭게 등장한 모듈 번들러인 Vite에 대해 소개합니다.
Vite는 개발 과정에서 생성되는 다양한 파일(자바스크립트 파일, 이미지 등)을 최적화하고 압축하여 프로덕션에 배포할 수 있게 도와주는 도구입니다.
Vite는 프로젝트를 가능한 적은 수의 파일로 압축하며, TypeScript에서 Sass까지 다양한 프론트엔드 개발 도구를 지원합니다.
또한, 사용자의 필요에 따라 쉽게 확장할 수 있으며, 설정이 다른 도구들보다 간단합니다.

Vite는 Webpack, Parcel, Snow Pack, Rollup과 같은 다른 모듈 번들러와 비교될 수 있으나, 개발 시 높은 성능을 제공하고 큰 프로젝트의 번들링 시간을 줄여주는 장점이 있습니다.
Vite의 생성자는 Vue의 생성자와 동일하며, 두 패키지는 쉽게 통합될 수 있습니다.

강의는 또한 Vite를 사용하여 프로젝트를 만드는 과정을 단계별로 설명합니다.
이 과정에는 npm create vite@latest 명령어를 사용하여 Vite 패키지를 초기화하고, 프로젝트 이름과 프레임워크를 선택하는 단계가 포함됩니다.
선택 후, 생성된 디렉토리로 이동하여 npm install 명령어로 필요한 패키지를 설치합니다.