Birden çok dosyaya yayılmış isim alanını TypeScript

Question

ile kullanmak Büyük ölçekli bir kodlama projesi üzerinde çalışmaya başladım.

En baştan beri dosyalarımı düzenli tutmak istiyorum (bu proje çok fazla geliştirici arasında bölünecek, dolayısıyla sipariş çok gerekli).

Modüller/ad alanları ve sınıfları her biri için ayrı dosyalara ayırmaya ve ad alanını tutan bir klasöre sahip olmaya çalışıyorum.

dosya yapısı şöyledir:

app.ts 
    \Classes 
    ---- \Animals 
    ---- ---- Mammals.ts 
    ---- ---- Reptiles.ts 

Sonra gibi bir şey kullanarak app.ts bu ad alanındaki tüm dosyaları alma girişiminde: namespace dosyalarının kendilerini gelince import * as Animals from "./Classes/Animals"

, ben denedim hiçbir başarı ile şu:

namespace Animals { 
    export class Mammals { 
     constructor() { 
     } 
    } 
} 

ve ayrıca:

module Animals { 
    export class Reptiles { 
     constructor() { 
     } 
    } 
} 

Ne yazık ki, yol hiçbir zaman tanınmadı (tek bir dosya değil, bir klasöre işaret ettiğinden). Bu mümkün mü? Tüm sınıflarımın bir dosyadaki tek bir ad alanından elde edilmesi, binlerce satır uzunluğunda olan dosyalara ve bu projenin sürdürülemez olmasına neden olacaktır.

Ayrıca, TypeScript 1.5'in tsconfig.json desteğine sahip olduğunu da fark ettim - ancak her bir dosyayı el ile haritaya eklemek zorunda olmak, dev'ler sınıfları eklemeye başladığında sorunları tanıtmanın kesin bir yoludur.

Not: Visual Studio 2015, TypeScript 1.5 kullanıyorum (Eminim nasıl doğrulayacağından emin değilim). Ayrıca ES6 desteği açık.

Verebileceğiniz herhangi bir tavsiye için teşekkürler!

Answer 1

Harici bir modül oluşturmak için yeniden dışa aktarma özelliğini kullanın. şapka grupları ve diğer modüllerden türlerini ortaya çıkarır:

// Classes/Animals.ts 
export * from '.\Animals\Mammals'; 
export * from '.\Animals\Reptiles'; 

Sonra her zamanki gibi yeni modülünden türlerini ithal: hedefinize ulaşmak için

// app.ts 
import * as Animals from '.\Classes\Animals' 

let dog: Animals.Dog; 
let snake: Animals.Snake; 

Ya

// app.ts 
import { Dog, Snake } from '.\Classes\Animals' 

let dog: Dog; 
let snake: Snake; 

Answer 2

Harici modüller, modüller dosyasını dosyaya yüklediğinizi belirtir. Hem AMD hem de CommonJS'in isim alanı yok. Dosyaları bir modülde paketlemek için bir tür postprocessing kullanabilirsiniz.

module Animals { 
    export class Reptiles { 
     constructor() { 
     } 
    } 
} 

Bunun için import kullanmamalısınız:

---

şu dahili modülü tanımlar. Animals.Reptiles her yerde görülebilir. Tek amaç, komut dizilerini uygun sıraya (örneğin, miras öncesi temel sınıflara) yüklemektir. Yani tüm dosyaları ts.config veya başka bir yerde listelemelisiniz. Projemde klasörlerdeki paketleri kullanıyorum ve temel sınıfların dosya isimlerine @ eklemek için bir sözleşmem var.

Başka bir çözüm, harici modülleri kullanmaktır: AMD (RequireJS) veya CommonJS (Browserify). Bu durumda, üst düzey module bildirgesinden kaldırın.

import Reptilies = require('..\Animals\Reptilies') 
var reptile = new Reptile(); 

Ya yeni ES6 modülleri ile:

class Reptiles { 
    constructor() { 
    } 
} 

export = Reptiles; 

dosya yoluna göre modülünü başvurabilirsiniz:

export class Reptiles { 
    constructor() { 
    } 
} 

---

bir dosya yalnızca türü içeriyorsa, bir kökü olarak dışa aktarabilirsiniz

import { Reptiles } from '..\Animals\Reptilies'; 

Answer 3

Bulunan Bir bakıma ama ad alanı anahtar kelimesiyle değil.

1. "Hayvanlar" sınıfları, ad altında Animal.ts & Mammal.ts & Reptile.ts. Varil için index.ts ile
2. . Ad alanı gruplaması için
3. animals.ts.

Örnek sınıfları:

(ad gruplandırma için)

animals.ts

(namlu gibi)

index.ts

Ve burada ad alanı kavramına giriyorsunuz. Ben, şunu da görmüş -