Vite

Vite 是一个构建工具，旨在为现代 Web 项目提供更快、更精简的开发体验。

快速开始

要快速开始在 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:*"
  }
}

请务必运行您的包管理器的安装命令。您可能还需要根据您在仓库中的用例更新 package.json 中的 scripts。

自定义任务

默认情况下，新应用将使用根目录 turbo.json 中定义的任务。如果您想为新应用配置不同的任务，请使用 包配置。

微前端

将 Vite 与 Turborepo 的微前端一起使用时，请确保为子应用程序设置 base 属性。这可确保像图像和 CSS 这样的资产能够路由到正确的应用程序。

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