tsconfig temelleri
- TypeScript kursu
- Başlangıç
- Ders 4/89
- 4 dk
tsconfig.json ile derleyici seçeneklerini öğrenirsin.
tsconfig.json nedir?
tsconfig.json, TypeScript derleyicisinin seçeneklerini belirten yapılandırma dosyasıdır. Hangi dosyaların derleneceğini, çıktı klasörünü ve dil hedefini tanımlar.
{
"compilerOptions": {
"target": "ES2020",
"outDir": "./dist"
}
}Bu dosya proje kökünde bulunduğunda tsc seçenekleri buradan okur.
target seçeneği
target, TypeScript'in ürettiği JavaScript'in sürümünü belirler. "ES5" eski tarayıcılarla uyumlu kod üretir; "ES2020" ise modern özellikleri korur.
{
"compilerOptions": {
"target": "ES5"
}
}Düşük hedef, daha geniş uyumluluk ama daha büyük çıktı demektir.
Uygulama İki parametreli fonksiyon
hesapla adında bir fonksiyon yaz. İki parametresi a: number ve b: number, dönüş türü number. Gövdesi a + b dönsün. Sonra hesapla(10, 20) sonucunu console.log ile yazdır.
Başlangıç kodu
// hesapla fonksiyonunu tanımla
// parametreler: a: number, b: number, dönüş: number
// hesapla(10, 20) sonucunu yazdırÖrnek çözüm
function hesapla(a: number, b: number): number {
return a + b;
}
console.log(hesapla(10, 20));Beklenen çıktı
30
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 tsconfig.json dosyasının işlevi nedir?
- Derleyici seçeneklerini belirler Doğru cevap
- Paket bağımlılıklarını listeler
- Test komutlarını tanımlar
- Git ayarlarını yapar
Açıklama: tsconfig.json, tsc'ye hangi dosyaların derleneceğini, hedef JS sürümünü ve çıktı klasörünü söyler. Paket listesi package.json'dadır.
2 target değeri
{
"compilerOptions": {
"target": "____"
}
}{
"compilerOptions": {
"target": "ES2020"
}
}Açıklama: Geçerli target değerleri ES sürümleridir: ES5, ES2015, ES2020 gibi. JS2020, TS5 veya V8 geçerli hedef değildir.
3 tsconfig parçaları
| Kavram | Anlamı |
|---|---|
compilerOptions |
Derleyici ayarları |
target |
JS sürümü |
outDir |
Çıktı klasörü |
tsconfig.json |
Yapılandırma dosyası |