TypeScript Academy · Ders

Yeniden Dışa Aktarımlar ve Fıçı Dosyaları

import yollarını basitleştirmek için index dosyaları oluşturun

2. ders / 413 adım

Yeniden Dışa Aktarımlar ve Fıçı Dosyaları, CoddyKit'te ücretsiz bir TypeScript Academy dersidir. Bu, 4 dersinin 2. 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 4 dersten oluşur.

Hoş Geldiniz

Toplayıcı dosyalar (index.ts), modül içeriklerini bir araya getirip yeniden dışa aktarır. Böylece bir dizin için basit bir genel API oluşturulur ve kullanıcılar daha temiz içe aktarma yolları kullanabilir.

Toplayıcı Dosya Nedir

Toplayıcı dosya, aynı dizindeki her şeyi yeniden dışa aktaran bir index.ts dosyasıdır. Kullanıcılar tek tek dosyalar yerine dizinden içe aktarır.

// src/models/index.ts (barrel)
export { User } from './user';
export { Product } from './product';
export { Order } from './order';

Toplayıcı Dosyayı Kullanma

Daha temiz yollar için tek tek dosyalar yerine toplayıcı dosyadan içe aktarın.

// Before barrel:
import { User } from '../models/user';
import { Product } from '../models/product';

// After barrel:
import { User, Product } from '../models';

export * Joker Yeniden Dışa Aktarımı

Bir modüldeki tüm adlandırılmış dışa aktarımları `export *` ile yeniden dışa aktarın.

// index.ts
export * from './utils';
export * from './helpers';
export * from './validators';

Yeniden Dışa Aktarma Sırasında Yeniden Adlandırma

Dışa aktarımları yeniden dışa aktarırken adlarını değiştirebilirsiniz.

export { default as MyButton } from './Button';
export { Button as Btn } from './Button';

Yalnızca Tür Yeniden Dışa Aktarımları

Türleri çalışma zamanını etkilemeden yeniden dışa aktarın.

export type { User, UserRole } from './user.types';

Bir Özellik Modülü İçin Toplayıcı Dosya

Büyük uygulamalardaki özellik klasörlerinde genellikle yalnızca genel yüzeyi kullanıma sunan bir toplayıcı dosya bulunur.

// features/auth/index.ts
export { AuthProvider } from './AuthProvider';
export { useAuth } from './useAuth';
export type { AuthUser } from './types';

Döngüsel Bağımlılık Riski

Aynı toplayıcıdaki dosyalar, index üzerinden dolaylı olarak birbirlerinden içe aktarma yaptığında toplayıcı dosyalar döngüsel bağımlılıklar oluşturabilir. Buna dikkat edin.

Ağaç Sarsma ve Toplayıcı Dosyalar

Modern paketleyiciler (Webpack, Rollup, Vite), toplayıcı dosyaların yeniden dışa aktarımlarını ağaç sarsma yöntemiyle ayıklar. Yalnızca gerçekten kullanılan dışa aktarımlar pakete eklenir.

Derin ve Sığ Toplayıcı Dosyalar

İç içe toplayıcılar kullanın: her alt dizinin kendi index.ts dosyası olur ve üst dizinin toplayıcı dosyası alt dizinlerin toplayıcı dosyalarından yeniden dışa aktarım yapar.

// src/index.ts
export * from './models';
export * from './services';
export * from './utils';

Toplayıcı Dosyalar ve TypeScript Performansı

Derin biçimde iç içe toplayıcı dosyalar TypeScript derlemesini yavaşlatabilir. Büyük projelerde yapıyı düzleştirmeyi veya bunun yerine yol takma adlarını kullanmayı değerlendirin.

Hızlı Kontrol

Bir toplayıcı dosya (index.ts) kullanmanın temel yararı nedir?

İnteraktif derste cevapla

Özet

Toplayıcı dosyalar (index.ts), bir dizinden yeniden dışa aktarım yaparak temiz içe aktarma yolları oluşturur. Toplu yeniden dışa aktarımlar için `export *`, yalnızca türler için `export type` kullanın ve büyük projelerdeki döngüsel bağımlılık risklerine dikkat edin.

Başlamak ücretsiz

Yapay zeka eğitmeniyle TypeScript öğren — ücretsiz

Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.

Kurslar: 101
Dersler: 352

Ücretsiz öğrenmeye başla Tüm kursu görüntüle

Sıkça Sorulan Sorular

“Yeniden Dışa Aktarımlar ve Fıçı Dosyaları” dersi ücretsiz mi?

Evet — “Yeniden Dışa Aktarımlar ve Fıçı Dosyaları” 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 4 dersten oluşur.

“Yeniden Dışa Aktarımlar ve Fıçı Dosyaları” dersinde ne öğreneceğim?

import yollarını basitleştirmek için index dosyaları oluşturun 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, 4 dersinin 2. dersidir.

“Yeniden Dışa Aktarımlar ve Fıçı Dosyaları” 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

ES Modülü Sözdizimi: import ve export
Yeniden Dışa Aktarımlar ve Fıçı Dosyaları
Yalnızca Tür İçeren İçe ve Dışa Aktarımlar
Ad Alanları mı Modüller mi: Modern Kullanım

← TypeScript Academy Sayfasına Dön