Inkrementelle Builds und Caching in Monorepos
Optimieren Sie die Build-Zeiten mit inkrementeller Kompilierung und Turborepo.
Inkrementelle Builds und Caching in Monorepos ist eine kostenlose TypeScript Academy-Lektion auf CoddyKit. Dies ist Lektion 4 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des TypeScript Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der TypeScript Academy-Kurs umfasst insgesamt 4 Lektionen.
Warum inkrementelle Builds wichtig sind
In großen Monorepos ist es langsam, bei jeder Änderung jedes Paket neu zu bauen. Inkrementelle Builds erkennen, was sich geändert hat, und kompilieren nur betroffene Pakete neu.
# Without incremental: all 20 packages rebuild every time
# With incremental: only 2 changed packages rebuildInkrementeller TypeScript-Modus
Aktivieren Sie "incremental": true in der tsconfig, um eine .tsbuildinfo-Datei zu generieren, die den vorherigen Build-Zustand für schnelle erneute Durchläufe cached.
{
"compilerOptions": {
"incremental": true,
"tsBuildInfoFile": "./.tsbuildinfo"
}
}tsc --build für Project References
tsc --build arbeitet in Workspaces mit Project References von Haus aus inkrementell: Der Befehl verfolgt Zeitstempel und überspringt bereits aktuelle Pakete.
# First build: all packages compiled
tsc --build
# Second build: only changed packages compiled
tsc --build
# [12:00:01 PM] Project 'packages/core' is up to dateTurborepo-Caching
Turborepo cached Aufgabenausgaben wie dist/ und stellt sie bei unveränderten Eingaben aus dem Cache wieder her – teamübergreifend über einen Remote-Cache.
// turbo.json
{
"pipeline": {
"build": {
"dependsOn": ["^build"],
"outputs": ["dist/**", ".tsbuildinfo"]
}
}
}Remote-Caching mit Turborepo
Teilen Sie den Build-Cache über CI-Rechner und Teammitglieder hinweg, damit niemand etwas neu baut, das bereits von jemand anderem gebaut wurde.
# Link to Vercel remote cache
npx turbo login
npx turbo linkNx-Berechnungscache
Nx bietet ein ähnliches Caching mit einer detaillierten Analyse betroffener Projekte auf Grundlage des Projektabhängigkeitsgraphen.
# Nx: only test affected projects
npx nx affected --target=test --base=mainCache-Eingaben und -Ausgaben
Deklarieren Sie für korrektes Caching alle Eingaben (Quelldateien, Umgebungsvariablen) und Ausgaben (dist-Verzeichnisse, tsbuildinfo) in der Konfiguration Ihres Build-Tools.
// turbo.json with inputs
{
"pipeline": {
"build": {
"inputs": ["src/**", "tsconfig.json"],
"outputs": ["dist/**"]
}
}
}Cache ungültig machen
Caches werden ungültig, wenn sich Eingaben ändern. Vermeiden Sie flüchtige Dateien wie Logs oder Zeitstempel als Eingaben, um unnötige Neubuilds zu verhindern.
# Force rebuild even if cached
turbo run build --forceCI-Integration
Verbinden Sie CI (GitHub Actions, CircleCI) mit dem Remote-Cache, damit PR-Builds durch die Wiederverwendung vorheriger Build-Artefakte schnell ausgeführt werden.
# .github/workflows/ci.yml
- name: Build
run: npx turbo build
env:
TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
TURBO_TEAM: my-teamNur inkrementelle Typprüfung
Verwenden Sie tsc --noEmit --incremental für schnelle CI-Schritte, die nur die Typen prüfen. Dabei wird keine Ausgabe erzeugt, aber weiterhin vom Caching profitiert.
npx tsc --noEmit --incremental
# Quick type check with .tsbuildinfo cacheZusammenfassung: Inkrementelle Builds
Inkrementelle Builds in Monorepos verwenden TypeScripts tsBuildInfo zusammen mit tsc --build sowie dem Caching von Turborepo oder Nx, um den Kompilierungsaufwand bei jeder Änderung zu minimieren.
Kurze Überprüfung
Welche Datei generiert TypeScript, um inkrementelle Builds zu ermöglichen?
Das haben Sie gelernt
Inkrementelle Builds verwenden TypeScripts .tsbuildinfo-Datei und tsc --build, um unveränderte Pakete zu überspringen. Turborepo und Nx erweitern dies durch Remote-Caching und eine Analyse ausschließlich betroffener Projekte im gesamten Monorepo.
Lerne TypeScript mit einem KI-Tutor — kostenlos
Schreibe und führe echten Code in deinem Browser aus, bekomme sofortige Hilfe von einem 24/7 KI-Tutor und setze dein Lernen im Web oder in der App fort.
- Kurse
- 101
- Lektionen
- 352
Häufig gestellte Fragen
Ist die Lektion „Inkrementelle Builds und Caching in Monorepos“ kostenlos?
Ja — der vollständige Text von „Inkrementelle Builds und Caching in Monorepos“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des TypeScript Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der TypeScript Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Inkrementelle Builds und Caching in Monorepos“?
Optimieren Sie die Build-Zeiten mit inkrementeller Kompilierung und Turborepo. Du übst TypeScript Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um TypeScript Academy zu starten?
Keine Vorkenntnisse erforderlich. TypeScript Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 4 von 4.
Wie lange dauert die Lektion „Inkrementelle Builds und Caching in Monorepos“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser TypeScript Academy-Lektion Code schreiben und ausführen?
Ja. Jede TypeScript Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- TypeScript-Projektreferenzen erklärt
- pnpm-Workspaces mit TypeScript
- Strategie für ein gemeinsames Typenpaket
- Inkrementelle Builds und Caching in Monorepos