TypeScript Academy · Lekcja

Kompilacje przyrostowe i pamięć podręczna w monorepo

Optymalizuj czas kompilacji za pomocą kompilacji przyrostowej i Turborepo.

Lekcja 4 z 413 kroki

Kompilacje przyrostowe i pamięć podręczna w monorepo to bezpłatna lekcja TypeScript Academy na CoddyKit. To lekcja 4 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej TypeScript Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs TypeScript Academy zawiera 4 lekcji w sumie.

Dlaczego kompilacje przyrostowe mają znaczenie

W dużych monorepo ponowne kompilowanie każdego pakietu po każdej zmianie jest powolne. Kompilacje przyrostowe wykrywają zmiany i ponownie kompilują tylko pakiety, których one dotyczą.

# Without incremental: all 20 packages rebuild every time
# With incremental: only 2 changed packages rebuild

Tryb przyrostowy TypeScript

Należy włączyć w tsconfig opcję "incremental": true, aby wygenerować plik .tsbuildinfo, który buforuje stan poprzedniej kompilacji i przyspiesza kolejne uruchomienia.

{
  "compilerOptions": {
    "incremental": true,
    "tsBuildInfoFile": "./.tsbuildinfo"
  }
}

tsc --build dla referencji projektów

tsc --build jest z natury przyrostowy w workspace korzystających z referencji projektów — śledzi znaczniki czasu i pomija aktualne pakiety.

# 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 date

Buforowanie w Turborepo

Turborepo buforuje wyniki zadań, takie jak dist/, i przywraca je z bufora, gdy dane wejściowe się nie zmieniły — w całym zespole dzięki zdalnemu buforowi.

// turbo.json
{
  "pipeline": {
    "build": {
      "dependsOn": ["^build"],
      "outputs": ["dist/**", ".tsbuildinfo"]
    }
  }
}

Zdalne buforowanie za pomocą Turborepo

Należy współdzielić bufor kompilacji między maszynami CI i członkami zespołu, aby nikt nie kompilował ponownie tego, co zostało już skompilowane.

# Link to Vercel remote cache
npx turbo login
npx turbo link

Bufor obliczeń Nx

Nx zapewnia podobne buforowanie oraz szczegółową analizę projektów, których dotyczą zmiany, na podstawie grafu zależności projektów.

# Nx: only test affected projects
npx nx affected --target=test --base=main

Dane wejściowe i wyjściowe bufora

Aby buforowanie działało poprawnie, należy zadeklarować wszystkie dane wejściowe, takie jak pliki źródłowe i zmienne środowiskowe, oraz dane wyjściowe, takie jak katalogi dist i tsbuildinfo, w konfiguracji narzędzia do kompilacji.

// turbo.json with inputs
{
  "pipeline": {
    "build": {
      "inputs": ["src/**", "tsconfig.json"],
      "outputs": ["dist/**"]
    }
  }
}

Unieważnianie bufora

Bufory są unieważniane po zmianie danych wejściowych. Należy unikać uwzględniania zmiennych plików, takich jak logi lub znaczniki czasu, w danych wejściowych, aby zapobiec niepotrzebnym ponownym kompilacjom.

# Force rebuild even if cached
turbo run build --force

Integracja z CI

CI, na przykład GitHub Actions lub CircleCI, należy połączyć ze zdalnym buforem, aby kompilacje pull requestów były szybkie dzięki ponownemu wykorzystaniu wcześniejszych artefaktów kompilacji.

# .github/workflows/ci.yml
- name: Build
  run: npx turbo build
  env:
    TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
    TURBO_TEAM: my-team

Wyłącznie przyrostowe sprawdzanie typów

Należy użyć tsc --noEmit --incremental w szybkich krokach CI sprawdzających wyłącznie typy. Pomijają one generowanie plików, ale nadal korzystają z buforowania.

npx tsc --noEmit --incremental
# Quick type check with .tsbuildinfo cache

Podsumowanie: kompilacje przyrostowe

Kompilacje przyrostowe w monorepo łączą tsBuildInfo TypeScript z tsc --build oraz buforowaniem Turborepo lub Nx, aby ograniczyć pracę kompilatora po każdej zmianie.

Szybkie sprawdzenie

Jaki plik generuje TypeScript, aby umożliwić kompilacje przyrostowe?

Czego się Państwo nauczyli

Kompilacje przyrostowe korzystają z pliku .tsbuildinfo TypeScript i tsc --build, aby pomijać niezmienione pakiety. Turborepo i Nx rozszerzają to rozwiązanie o zdalne buforowanie i analizę obejmującą wyłącznie projekty, których dotyczą zmiany, w całym monorepo.

Bezpłatny start

Ucz się TypeScript dzięki korepetycjom AI — za darmo

Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.

Kursy
101
Lekcje
352

Często zadawane pytania

Czy lekcja „Kompilacje przyrostowe i pamięć podręczna w monorepo” jest bezpłatna?

Tak — pełny tekst „Kompilacje przyrostowe i pamięć podręczna w monorepo” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu TypeScript Academy, przejdź na CoddyKit PRO. Kurs TypeScript Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Kompilacje przyrostowe i pamięć podręczna w monorepo”?

Optymalizuj czas kompilacji za pomocą kompilacji przyrostowej i Turborepo. Ćwiczysz TypeScript Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć TypeScript Academy?

Nie wymagamy żadnego doświadczenia. TypeScript Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 4 z 4.

Ile czasu zajmuje lekcja „Kompilacje przyrostowe i pamięć podręczna w monorepo”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji TypeScript Academy?

Tak. Każda lekcja TypeScript Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

  1. Objaśnienie referencji projektów TypeScript
  2. Obszary robocze pnpm z TypeScript
  3. Strategia pakietu współdzielonych typów
  4. Kompilacje przyrostowe i pamięć podręczna w monorepo
← Powrót do TypeScript Academy