Record

목차

개념

• https://vitejs-kr.github.io/guide/#overview

• Vite(프랑스어로 “빠르다(Quick)”를 의미하며, 발음은 “veet”와 비슷한 /vit/ 입니다.)은 빠르고 간결한 모던 웹 프로젝트 개발 경험에 초점을 맞춰 탄생한 빌드 도구이며, 두 가지 컨셉을 중심으로 하고 있습니다.

  • 개발 시 네이티브 ES Module을 넘어 더욱 다양한 기능을 제공합니다. 가령, Hot Module Replacement (HMR)과 같은 것들 말이죠.
  • 번들링 시, Rollup 기반의 다양한 빌드 커맨드를 사용할 수 있습니다. 이는 높은 수준으로 최적화된 정적(Static) 리소스들을 배포할 수 있게끔 하며, 미리 정의된 설정(Pre-configured)을 제공합니다.
• 지루할 정도로 길었던 서버 구동

• 느렸던 소스 코드 갱신

• Snowpack

프로젝트 생성

    yarn create vite
    yarn create v1.22.18
    [1/4] 🔍  Resolving packages...
    [2/4] 🚚  Fetching packages...
    [3/4] 🔗  Linking dependencies...
    [4/4] 🔨  Building fresh packages...
    success Installed "create-vite@2.9.0" with binaries:
        - create-vite
        - cva
    ✔ Project name: … vite-project
    ? Select a framework: › - Use arrow-keys. Return to submit.
        vanilla
    ❯   vue
        react
        preact
        lit
        svelte