Deklarationer, sourcemaps och typexporter
Generera deklarationsfiler, aktivera sourcemaps för felsökning och lär dig strategier för att exportera typer.
Deklarationer, sourcemaps och typexporter ä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 att skapa deklarationsfiler, aktivera källkartor och exportera typer på ett tydligt sätt.
Deklarationer
Aktivera declaration: true för att generera .d.ts-filer tillsammans med JS-utdata.
// tsconfig.json
{
"compilerOptions": {
"declaration": true,
"outDir": "dist"
}
}emitDeclarationOnly
Använd emitDeclarationOnly för att endast skapa typdeklarationer (ingen JS) för bibliotek.
// tsconfig.json
{
"compilerOptions": {
"emitDeclarationOnly": true,
"outDir": "types"
}
}Källkartor
Källkartor låter er felsöka TS i webbläsare eller Node genom att mappa tillbaka JS till TS-kod.
// tsconfig.json
{
"compilerOptions": {
"sourceMap": true
}
}package.json types
Använd fältet types eller typings i package.json för att ange deklarationerna för ingångspunkten.
// package.json
{
"types": "dist/index.d.ts"
}Återexport
Återexportera typer för att tydliggöra det publika API:t. Kombinera detta med declaration för användare av biblioteket.
// src/index.ts
export type { User, Config } from "./models";
export { createClient } from "./client";Fråga
Snabb kontroll: Vilket kompilatoralternativ aktiverar generering av .d.ts-filer?
Sammanfattning
Sammanfattning: declaration skapar .d.ts, emitDeclarationOnly matar ut endast typer, sourceMap underlättar felsökning och återexporter formar det publika API:t.
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 ”Deklarationer, sourcemaps och typexporter” gratis?
Ja – hela texten till ”Deklarationer, sourcemaps och typexporter” 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 ”Deklarationer, sourcemaps och typexporter”?
Generera deklarationsfiler, aktivera sourcemaps för felsökning och lär dig strategier för att exportera typer. 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 ”Deklarationer, sourcemaps och typexporter”?
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
- tsc emit jämfört med noEmit och bundlers
- Grunderna i Vite, esbuild, SWC och Rollup
- Deklarationer, sourcemaps och typexporter