0Pricing
TypeScript Academy · Ders

Yol Takma Adları ve baseUrl

Daha temiz içe aktarımlar için yolları yapılandırın

Yol Takma Adları ve baseUrl, CoddyKit'te ücretsiz bir TypeScript Academy dersidir. Bu, 4 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 4 dersten oluşur.

Hoş Geldiniz

Yol takma adları, derin göreli içe aktarma yollarını sadeleştirir ve tsconfig içinde yapılandırılır.

İçe Aktarma Yolu Sorunu

../../../../utils gibi derin göreli yollar kırılgandır ve okunmaları zordur.
import { logger } from '../../../../utils/logger';
import { User } from '../../../models/user';

baseUrl

baseUrl, göreli olmayan içe aktarmaların çözümleneceği kök dizini belirler.
{ "compilerOptions": { "baseUrl": "./src" } }
// Now you can import from 'utils/logger' directly

paths Takma Adları

paths, içe aktarma ön eklerini dizin konumlarıyla eşleştirir.
{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"], "@utils/*": ["src/utils/*"] } } }

Yol Takma Adlarını Kullanma

Göreli yollar yerine @ ön ekini kullanarak içe aktarın.
import { logger } from '@/utils/logger';
import { User } from '@/models/user';

Derleyici Yapılandırması

Derleyicilerin (Vite, webpack) yol takma adlarını çözümlemek için ayrıca yapılandırılması gerekir.
// vite.config.ts
import { resolve } from 'path';
export default { resolve: { alias: { '@': resolve(__dirname, 'src') } } };

Node için tsconfig-paths

Node.js'te yol takma adlarını çözümlemek için ts-node ile tsconfig-paths kullanın.
npm install tsconfig-paths
// tsconfig.json: "ts-node": { "require": ["tsconfig-paths/register"] }

Birden Çok Yol Eşlemesi

Projenizin farklı bölümleri için takma adlar tanımlayın.
{ "paths": { "@models/*": ["src/models/*"], "@services/*": ["src/services/*"], "@utils/*": ["src/utils/*"] } }

Joker Karakterli Yollar

* joker karakteri, herhangi bir alt yolu eşleştirir.
// '@/*': ['src/*'] maps '@/foo/bar' to 'src/foo/bar'

Tam Yol Takma Adları

Belirli bir modülü belirli bir dosyayla eşleştirin.
{ "paths": { "@config": ["src/config/index.ts"], "@types": ["src/types/index.ts"] } }

Yol Takma Adları ve Toplayıcı Dosyalar

İkisini birlikte kullanın: yol takma adları derinliği azaltır, toplayıcı dosyalar dışa aktarımları bir araya getirir.

Hızlı Kontrol

tsconfig içindeki `baseUrl` seçeneği neyi belirler?

Özet

Yol Takma Adları ve baseUrl: Temel kavram ve desenlerde uzmanlaştınız.

Sıkça Sorulan Sorular

“Yol Takma Adları ve baseUrl” dersi ücretsiz mi?

Evet — “Yol Takma Adları ve baseUrl” 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.

“Yol Takma Adları ve baseUrl” dersinde ne öğreneceğim?

Daha temiz içe aktarımlar için yolları yapılandırın 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 3. dersidir.

“Yol Takma Adları ve baseUrl” 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

  1. strict Belirteci ve Etkinleştirdikleri
  2. Modül ve Hedef Yapılandırması
  3. Yol Takma Adları ve baseUrl
  4. Artımlı Derlemeler ve Bildirim Dosyaları
← TypeScript Academy Sayfasına Dön