Declaration emit

declaration ve declarationMap'i öğrenirsin.

Declaration emit nedir?

declaration: true, her TypeScript dosyası için bir .d.ts bildirim dosyası üretir. Bu dosyalar, tür imzalarını içerir ve tüketen projelerin TypeScript ile kullanılmasını sağlar. Kütüphane paketleri için standart bir ayardır.

{
  "compilerOptions": {
    "declaration": true,
    "outDir": "dist"
  }
}

Üretilen .d.ts dosyaları, tüketicilere tür bilgisi sağlar.

declarationMap nedir?

declarationMap: true, her .d.ts dosyası için bir .d.ts.map üretir; bu, bildirim dosyalarını kaynak TypeScript dosyalarına bağlar. Tüketen projeler, kütüphane türlerine gitmek istediğinde kaynak koduna atlayabilir.

{
  "compilerOptions": {
    "declaration": true,
    "declarationMap": true
  }
}

declarationMap için declaration da açık olmalıdır.

Uygulama Bildirim dosya adını hesapla

Bir declarationFileName fonksiyonu yaz: kaynak TypeScript yolunu alsın ve .ts uzantısını .d.ts'ye çevirsin. emitDeclarationOnly parametresi false ise .js de üretileceğini belirten bir bilgi döndürsün. declarationFileName("src/index.ts", true) sonucunu yazdır.

Örnek çözümü göster

function declarationFileName(sourcePath: string, emitDeclarationOnly: boolean): string {
  const dts = sourcePath.replace(/\.ts$/, ".d.ts");
  if (emitDeclarationOnly) return dts;
  return dts + " + .js";
}

console.log(declarationFileName("src/index.ts", true));

Kendini test et

`declaration: true` ne üretir?
- Source map dosyaları
- .d.ts bildirim dosyaları
- Decorator metadata
- Inline JavaScript
Cevabı göster

.d.ts bildirim dosyaları — declaration: true her TypeScript dosyası için .d.ts bildirim dosyası üretir; sourceMap harita, emitDecoratorMetadata dekoratör bilgisi, inline JavaScript ise farklı bir kavramdır.

Bildirim haritasını aç

{
  "compilerOptions": {
    "declaration": true,
    "____": true
  }
}

Cevabı göster

{
  "compilerOptions": {
    "declaration": true,
    "declarationMap": true
  }
}

Declaration parçaları

declaration: true

.d.ts üretir
declarationMap: true

.d.ts.map üretir
.d.ts

tür bildirim dosyası
emitDeclarationOnly

yalnızca bildirim üretir

Sıradaki ders: Decorator metadata

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler