A cosa servono tutti gli index.ts?

Ho esaminato alcuni progetti seed e tutti i componenti sembrano avere un index.ts che esporta * da quel componente. Non riesco a trovare da nessuna parte a cosa serve effettivamente?

Ad esempio https://github.com/mgechev/angular2-seed/tree/master/src/client/app/%2Bhome

Grazie

Dalla voce di glossario archiviata di Angular.io v2 per Barrel^* :

Un barile è un modo per raggruppare le esportazioni da più moduli in un singolo modulo di convenienza. Il barilotto stesso è un file di modulo che riesporta le esportazioni selezionate di altri moduli.

Immagina tre moduli in una cartella di eroi:

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

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

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

Senza una canna, un consumatore avrebbe bisogno di tre dichiarazioni di importazione:

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

Possiamo aggiungere un barile alla cartella degli eroi (chiamata indice per convenzione) che esporta tutti questi elementi:

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

Ora un consumatore può importare ciò di cui ha bisogno dalla canna.

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

I pacchetti con ambito angolare hanno ciascuno un indice denominato barile.

Vedi anche ECCEZIONE: impossibile risolvere tutti i parametri

^* NOTA: Barrel è stato rimosso dalle versioni più recenti del glossario angolare .

AGGIORNAMENTO Con le ultime versioni di Angular, il file barrel deve essere modificato come di seguito,

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

index.tsè simile index.jsin nodejs o index.htmlè l'hosting di siti Web.

Quindi quando dici import {} from 'directory_name'che cercherà index.tsall'interno della directory specificata e importerà tutto ciò che viene esportato lì.

Ad esempio se hai calculator/index.tscome

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

Tu puoi fare

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

index.ts ci aiuta a tenere insieme tutte le cose correlate e non dobbiamo preoccuparci del nome del file di origine.

Possiamo importare tutto usando il nome della cartella di origine.

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

Qui util è il nome della cartella e non il nome del file che ha la index.tsriesportazione di tutti e quattro i file.

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