Vite

Vite는 현대 웹 프로젝트를 위해 더 빠르고 간결한 개발 경험을 제공하는 것을 목표로 하는 빌드 도구입니다.

빠른 시작

Turborepo에서 Vite를 빠르게 시작하려면 with-vite 예제를 사용하세요:

pnpm dlx create-turbo@latest -e with-vite

기존 저장소에 Vite 애플리케이션 추가하기

npm create vite를 사용하여 패키지에 새 Vite 애플리케이션을 설정합니다. 저장소의 루트에서 다음을 실행하세요:

pnpm create vite@latest apps/my-app

저장소와 통합하기

새 애플리케이션에 내부 패키지를 추가하려면 패키지 매니저를 사용하여 앱에 설치하세요:

{
  "name": "my-app",
  "dependencies": {
+   "@repo/ui": "workspace:*"
  }
}

패키지 매니저의 install 명령을 실행해야 합니다. 또한 저장소의 사용 사례에 맞게 package.json의 scripts를 업데이트해야 할 수도 있습니다.

작업 사용자 정의

기본적으로 새 애플리케이션은 루트 turbo.json에 정의된 작업을 사용합니다. 새 애플리케이션에 대해 작업을 다르게 구성하려면 패키지 구성을 사용하세요.

마이크로프론트엔드

Turborepo의 마이크로프론트엔드와 함께 Vite를 사용할 때는 하위 애플리케이션에 대해 basePath 속성을 설정해야 합니다. 이렇게 하면 이미지 및 CSS와 같은 자산이 올바른 애플리케이션으로 라우팅됩니다.

import { defineConfig } from 'vite';
 
export default defineConfig({
  base: '/thing',
});