Turbo

turbo is a tool for managing JavaScript and TypeScript monorepos.

配置

1.vite中依赖一个包需要先构建完成

• persistent：将任务标记持久性
• dependsOn：该任务依赖哪些任务
• with:将与此任务一起运行的任务列表

{
  "dev": {
    "persistent": true,
    "dependsOn": ["@repo/vite#dev"],
    "with": ["dev:styles"]
  }
}

2.使用tailwindcss v4

demo

使用 CSS @import 您可以将 @source 抽象到 UI 包的 CSS 中：

/* packages/ui/styles.css */
@source "./";

/* packages/ui/package.json */
"exports": {
  "./styles.css": "./styles.css"
}

/* apps/app/globals.css */
@import "tailwindcss";
@import "@repo/ui/styles.css";