SvelteKit

SvelteKit 是一个使用 Svelte 快速开发健壮、高性能 Web 应用程序的框架。

快速开始

要在 Turborepo 中快速开始使用 SvelteKit，请使用 with-svelte 示例

终端

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

使用 npm create svelte 在一个包中设置新的 SvelteKit 应用程序。从仓库根目录运行

终端

pnpm dlx sv create

要将内部包添加到您的新应用中，请使用包管理器将其安装到应用中

./apps/my-app/package.json

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

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

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

当使用 Svelte 和 Turborepo 的微前端时，请确保为子应用程序设置 base 属性。这可以确保图像和 CSS 等资产被正确路由到正确的应用程序。

./apps/my-app/vite.config.ts

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