Tüm index.ts ne için kullanılıyor?

Birkaç tohum projesine bakıyordum ve tüm bileşenlerin bu bileşenden dışa aktaran * bir index.ts var gibi görünüyor. Gerçekte ne için kullanıldığını hiçbir yerde bulamıyorum?

Örneğin, https://github.com/mgechev/angular2-seed/tree/master/src/client/app/%2Bhome

Teşekkürler

Gönderen Angular.io V2 'nin arşivlenmiş sözlüğü için girişi Barrel^* :

Varil, birkaç modülden dışa aktarımı tek bir kullanışlı modülde toplamanın bir yoludur. Varilin kendisi, diğer modüllerin seçilen dışa aktarımlarını yeniden dışa aktaran bir modül dosyasıdır.

Bir kahramanlar klasöründe üç modül hayal edin:

// heroes/hero.component.ts
export class HeroComponent {}

// heroes/hero.model.ts
export class Hero {}

// heroes/hero.service.ts
export class HeroService {}

Bir varil olmadan, bir tüketicinin üç ithalat beyanına ihtiyacı olacaktır:

import { HeroComponent } from '../heroes/hero.component.ts';
import { Hero }          from '../heroes/hero.model.ts';
import { HeroService }   from '../heroes/hero.service.ts';

Kahramanlar klasörüne (geleneksel olarak dizin adı verilir) bu öğelerin tümünü dışa aktaran bir varil ekleyebiliriz:

export * from './hero.model.ts';   // re-export all of its exports
export * from './hero.service.ts'; // re-export all of its exports
export { HeroComponent } from './hero.component.ts'; // re-export the named thing

Artık bir tüketici, ihtiyaç duyduğu şeyi varilden ithal edebilir.

import { Hero, HeroService } from '../heroes'; // index is implied

Açısal kapsamlı paketlerin her birinin varil adında bir indeksi vardır.

Ayrıca bkz. İSTİSNA: Tüm parametreleri çözemiyor

^* NOT: Angular sözlüğünün daha yeni sürümlerindenBarrel kaldırılmıştır .

GÜNCELLEME Angular'ın son sürümlerinde, varil dosyası aşağıdaki gibi düzenlenmelidir,

export { HeroModel } from './hero.model';  
export { HeroService } from './hero.service'; 
export { HeroComponent } from './hero.component';

index.tsindex.jsnodejs'de benzer veya index.htmlweb sitesi barındırmadır.

Yani söylediğinizde , belirtilen dizinin içini import {} from 'directory_name'arayacak index.tsve orada verilen her şeyi içe aktaracaktır .

Örneğin calculator/index.ts,

export function add() {...}
export function multiply() {...}

Yapabilirsin

import { add, multiply } from './calculator';

index.ts tüm ilgili şeyleri bir arada tutmamıza yardımcı olur ve kaynak dosya adı konusunda endişelenmemize gerek yoktur.

Her şeyi kaynak klasör adını kullanarak içe aktarabiliriz.

import { getName, getAnyThing } from './util';

Burada kullanım, index.tsdört dosyanın tümünü yeniden dışa aktaran dosya adı değil, klasör adıdır .

export * from './util1';
export * from './util2';
export * from './util3';
export * from './util4';