当前位置：首页 > news >正文

Turborepo最佳实践：构建高性能Monorepo架构

news 2026/5/27 14:41:47

Turborepo最佳实践：构建高性能Monorepo架构

前言

大家好，我是前端老炮儿。今天咱们来聊聊Turborepo！

在现代前端开发中，Monorepo已经成为主流架构模式。而Turborepo作为Vercel推出的高性能构建工具，正在成为Monorepo领域的新宠。

今天我就带大家深入了解Turborepo的最佳实践，让你的Monorepo项目飞起来！

什么是Turborepo

Turborepo简介

Turborepo是一个用于Monorepo的高性能构建系统，由Vercel开发。它的目标是通过智能缓存和并行执行，大幅提升Monorepo项目的构建速度。

核心特点

智能缓存：跨任务、跨分支、跨机器共享缓存
并行执行：自动并行化任务执行
任务编排：智能分析依赖关系，按顺序执行任务
远程缓存：支持Vercel Edge Network共享缓存

基础配置

安装

npm install turbo --save-dev

基本配置

// turbo.json { "$schema": "https://turbo.build/schema.json", "pipeline": { "build": { "dependsOn": ["^build"], "outputs": ["dist/**", "build/**"] }, "test": { "dependsOn": ["build"], "outputs": [] }, "lint": { "outputs": [] }, "dev": { "cache": false } } }

package.json配置

{ "scripts": { "build": "turbo run build", "test": "turbo run test", "lint": "turbo run lint", "dev": "turbo run dev" }, "workspaces": [ "apps/*", "packages/*" ] }

进阶配置技巧

1. 缓存优化

{ "pipeline": { "build": { "dependsOn": ["^build"], "outputs": [ "dist/**", ".next/**", "!.next/cache/**" ], "env": ["NODE_ENV", "NEXT_PUBLIC_API_URL"] } } }

2. 环境变量配置

{ "globalEnv": [ "NODE_ENV", "CI", "VERCEL" ], "pipeline": { "build": { "dependsOn": ["^build"], "outputs": ["dist/**"], "env": ["API_URL"] } } }

3. 任务依赖关系

{ "pipeline": { "build": { "dependsOn": ["^build"] }, "test": { "dependsOn": ["build", "^test"] }, "lint": {}, "typecheck": { "dependsOn": ["^typecheck"] } } }

4. 远程缓存

{ "remoteCache": { "enabled": true, "team": "my-team", "signature": "content" } }

5. 过滤执行

# 只构建特定包 turbo run build --filter=@my-app/web # 构建所有依赖于@my-lib/utils的包 turbo run build --filter=...@my-lib/utils # 排除特定包 turbo run build --filter=!@my-app/docs

项目结构最佳实践

配置文件放置

my-monorepo/ ├── packages/ │ └── config/ │ ├── eslint/ │ │ └── index.js │ ├── jest/ │ │ └── index.js │ ├── tsconfig/ │ │ └── index.json │ └── package.json

性能优化技巧

1. 合理配置outputs

{ "pipeline": { "build": { "outputs": [ "dist/**", "build/**", ".next/**", "!.next/cache/**", "!.next/static/chunks/**" ] } } }

2. 使用glob模式

{ "pipeline": { "build": { "outputs": [ "dist/**/*.{js,css,map}", "build/**/*.{js,css,map}" ] } } }

3. 排除不必要的文件

{ "pipeline": { "build": { "outputs": [ "dist/**", "!.git/**", "!node_modules/**", "!*.log" ] } } }

4. 并行度配置

turbo run build --concurrency=8

5. 增量构建

{ "pipeline": { "build": { "dependsOn": ["^build"], "inputs": [ "src/**/*.{ts,tsx,js,jsx}", "package.json", "tsconfig.json" ], "outputs": ["dist/**"] } } }

与其他工具集成

与Vite集成

{ "pipeline": { "build": { "dependsOn": ["^build"], "outputs": ["dist/**"] }, "dev": { "cache": false, "persistent": true } } }

与Next.js集成

{ "pipeline": { "build": { "dependsOn": ["^build"], "outputs": [ ".next/**", "!.next/cache/**" ] }, "dev": { "cache": false } } }

与TypeScript集成

{ "pipeline": { "typecheck": { "dependsOn": ["^typecheck"], "outputs": [] } } }

常见问题

Q: 缓存不生效怎么办？

A: 检查以下几点：

确认outputs配置正确
检查是否有动态生成的文件
确认环境变量配置正确
使用turbo run build --force强制重建

Q: 如何清除缓存？

# 清除本地缓存 rm -rf node_modules/.cache/turbo # 清除远程缓存 turbo run build --force

Q: 如何调试缓存问题？

turbo run build --verbose --dry-run

Q: 如何配置不同环境的构建？

{ "pipeline": { "build:dev": { "dependsOn": ["^build:dev"], "outputs": ["dist/**"] }, "build:prod": { "dependsOn": ["^build:prod"], "outputs": ["dist/**"] } } }

实战案例

完整配置示例

{ "$schema": "https://turbo.build/schema.json", "globalEnv": ["NODE_ENV", "CI"], "remoteCache": { "enabled": true }, "pipeline": { "build": { "dependsOn": ["^build"], "outputs": [ "dist/**", ".next/**", "!.next/cache/**" ], "env": ["API_URL", "NEXT_PUBLIC_APP_URL"] }, "test": { "dependsOn": ["build", "^test"], "outputs": ["coverage/**"] }, "lint": { "outputs": [] }, "typecheck": { "dependsOn": ["^typecheck"], "outputs": [] }, "dev": { "cache": false, "persistent": true } } }

package.json配置

{ "name": "my-monorepo", "version": "1.0.0", "private": true, "workspaces": [ "apps/*", "packages/*" ], "scripts": { "build": "turbo run build", "test": "turbo run test", "lint": "turbo run lint", "typecheck": "turbo run typecheck", "dev": "turbo run dev", "clean": "turbo run clean && rm -rf node_modules" }, "devDependencies": { "turbo": "^1.10.0" } }