Project References (introduktion)
Dela upp koden i flera tsconfig-projekt och referera till dem för snabbare inkrementella byggen.
Project References (introduktion) är en gratis lektion i TypeScript Academy på CoddyKit. Detta är lektion 3 av 3. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för TypeScript Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i TypeScript Academy innehåller totalt 3 lektioner.
Introduktion
Mål: Lär er använda Project References. De kopplar ihop flera tsconfig-projekt för snabbare byggprocesser och bättre organisation.
Rotkonfiguration
Lägg till en array med references i roten. Varje sökväg pekar på mappen för ett annat tsconfig-projekt.
// tsconfig.json (root)
{
"files": [],
"references": [
{ "path": "./core" },
{ "path": "./web" }
]
}Composite-projekt
Varje refererat projekt måste aktivera composite. Då kan TypeScript generera metadata för att spåra beroenden.
// core/tsconfig.json
{
"compilerOptions": {
"composite": true,
"outDir": "../dist/core"
},
"include": ["src"]
}Referera till ett annat projekt
Projektet web refererar till core. tsc bygger först core och sedan web, och återanvänder utdata.
// web/tsconfig.json
{
"compilerOptions": {
"composite": true,
"outDir": "../dist/web"
},
"references": [
{ "path": "../core" }
]
}Byggkommando
Använd tsc --build (eller -b) för att kompilera alla refererade projekt. Inkrementella byggen går mycket snabbare.
// Build all projects
npx tsc --build
// Incremental rebuild when only core changes
npx tsc --build coreIDE-stöd
VS Code förstår Project References: ni kan hoppa mellan projekt, visa fel på ett konsekvent sätt och återanvända deklarationsutdata.
Kontroll av nyttan
Snabb kontroll: Vilken är den främsta fördelen med Project References?
Sammanfattning
Sammanfattning: Project References delar upp kod i delprojekt med composite-konfigurationer. De förbättrar byggprestandan och organisationen i stora kodbaser.
Lär dig TypeScript med en AI-lärare – gratis
Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.
- Kurser
- 101
- Lektioner
- 352
Vanliga frågor
Är lektionen ”Project References (introduktion)” gratis?
Ja – hela texten till ”Project References (introduktion)” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i TypeScript Academy, kan Ni uppgradera till CoddyKit PRO. Kursen i TypeScript Academy innehåller totalt 3 lektioner.
Vad lär jag mig i ”Project References (introduktion)”?
Dela upp koden i flera tsconfig-projekt och referera till dem för snabbare inkrementella byggen. Ni övar på TypeScript Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.
Behöver jag någon erfarenhet för att börja lära mig TypeScript Academy?
Du behöver inga förkunskaper. Utbildningen i TypeScript Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 3 av 3.
Hur lång tid tar lektionen ”Project References (introduktion)”?
De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.
Kan jag skriva och köra kod i den här TypeScript Academy-lektionen?
Ja. Varje TypeScript Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.
Alla lektioner i den här kursen
- Strikthetsflaggor
- Inställningar för target, lib, module och JSX
- Project References (introduktion)