34. Exploring Vite
이 강의에서는 Vite 패키지로 구축된 프로젝트를 탐색합니다. 중요한 내용은 다음과 같습니다:
- 엔트리 파일: 프로젝트의
index.html파일이 애플리케이션의 시작점(엔트리 포인트)으로, 다른 파일들을 가져옵니다.
모든 필요한 종속성은 이 파일에 직접 또는 간접적으로 가져와야 번들에 포함됩니다. - CSS 파일 가져오기:
main.js파일에서 CSS 파일을 가져오는 것이 가능하며, Vite는 번들 단계에서 CSS를 별도의 파일로 추출합니다. - 개발 서버 실행:
npm run dev명령어를 사용하여 개발 서버를 시작하고, 파일 변경을 자동으로 감지하며 페이지를 새로 고칩니다. - 빌드 명령어:
npm run build명령어로 프로젝트를 빌드하면 최종 번들이dist디렉토리에 생성됩니다.
이 파일들은 프로덕션 서버에 업로드될 수 있습니다. - 프리뷰 서버:
npm run preview명령어로 빌드된 애플리케이션을 로컬 서버에서 미리 볼 수 있습니다.
이 명령어는 빌드 디렉토리를 위한 서버를 실행합니다.
강의는 Vite를 사용하여 프로젝트를 효과적으로 구성하고 관리하는 방법을 설명하며, Vite의 주요 기능과 사용법에 대한 개요를 제공합니다.