Bildirimler, kaynak haritaları ve tür dışa aktarmaları
Bildirim dosyaları oluşturun, hata ayıklama için kaynak haritalarını etkinleştirin ve türleri dışa aktarma stratejilerini öğrenin.
Bildirimler, kaynak haritaları ve tür dışa aktarmaları, CoddyKit'te ücretsiz bir TypeScript Academy dersidir. Bu, 3 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, TypeScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. TypeScript Academy kursu toplamda 3 dersten oluşur.
Giriş
Hedef: Bildirim dosyaları üretmeyi, kaynak eşlemelerini etkinleştirmeyi ve türleri açıkça dışa aktarmayı öğrenin.
Bildirimler
JS çıktısıyla birlikte .d.ts dosyaları oluşturmak için declaration: true seçeneğini etkinleştirin.
// tsconfig.json
{
"compilerOptions": {
"declaration": true,
"outDir": "dist"
}
}emitDeclarationOnly
Kütüphaneler için yalnızca tür bildirimleri (JS olmadan) üretmek üzere emitDeclarationOnly kullanın.
// tsconfig.json
{
"compilerOptions": {
"emitDeclarationOnly": true,
"outDir": "types"
}
}Kaynak eşlemeleri
Kaynak eşlemeleri, JS kodunu TS koduna eşleyerek tarayıcılarda veya Node'da TS kodunda hata ayıklamanızı sağlar.
// tsconfig.json
{
"compilerOptions": {
"sourceMap": true
}
}package.json türleri
Giriş bildirimlerini göstermek için package.json içindeki types veya typings alanını kullanın.
// package.json
{
"types": "dist/index.d.ts"
}Yeniden dışa aktarma
Genel API'nin açıklığı için türleri yeniden dışa aktarın. Tüketiciler için bunu declaration ile birleştirin.
// src/index.ts
export type { User, Config } from "./models";
export { createClient } from "./client";Soru
Hızlı denetim: .d.ts üretimini hangi derleyici seçeneği etkinleştirir?
Özet
Özet: declaration .d.ts oluşturur, emitDeclarationOnly yalnızca türleri dışa aktarır, sourceMap hata ayıklamaya yardımcı olur ve yeniden dışa aktarmalar genel API'nizin yapısını belirler.
Sıkça Sorulan Sorular
“Bildirimler, kaynak haritaları ve tür dışa aktarmaları” dersi ücretsiz mi?
Evet — “Bildirimler, kaynak haritaları ve tür dışa aktarmaları” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve TypeScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. TypeScript Academy kursu toplamda 3 dersten oluşur.
“Bildirimler, kaynak haritaları ve tür dışa aktarmaları” dersinde ne öğreneceğim?
Bildirim dosyaları oluşturun, hata ayıklama için kaynak haritalarını etkinleştirin ve türleri dışa aktarma stratejilerini öğrenin. TypeScript Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
TypeScript Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te TypeScript Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 3 dersinin 3. dersidir.
“Bildirimler, kaynak haritaları ve tür dışa aktarmaları” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu TypeScript Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her TypeScript Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- tsc çıktısı ve noEmit ile paketleyiciler
- Vite / esbuild / SWC / Rollup temelleri
- Bildirimler, kaynak haritaları ve tür dışa aktarmaları