Para que são utilizados todos os index.ts?

Eu estive analisando alguns projetos de sementes e todos os componentes parecem ter um index.ts que exporta * desse componente. Não consigo encontrar em nenhum lugar o que é realmente usado?

Por exemplo, https://github.com/mgechev/angular2-seed/tree/master/src/client/app/%2Bhome

obrigado

Na entrada do glossário arquivado do Angular.io v2 para Barrel^* :

Um barril é uma maneira de acumular exportações de vários módulos em um único módulo de conveniência. O barril em si é um arquivo de módulo que reexporta exportações selecionadas de outros módulos.

Imagine três módulos em uma pasta de heróis:

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

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

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

Sem um barril, um consumidor precisaria de três declarações de importação:

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

Podemos adicionar um barril à pasta de heróis (chamada de índice por convenção) que exporta todos esses itens:

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

Agora, um consumidor pode importar o que precisa do barril.

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

Cada pacote com escopo Angular possui um barril chamado index.

Consulte também EXCEÇÃO: Não é possível resolver todos os parâmetros

^* NOTA: Barrel foi removido das versões mais recentes do glossário Angular .

ATUALIZAÇÃO Nas versões mais recentes do Angular, o arquivo barril deve ser editado como abaixo,

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

index.tsé semelhante index.jsno nodejs ou index.htmlé a hospedagem de sites.

Então, quando você diz import {} from 'directory_name'que ele procurará index.tsdentro do diretório especificado e importará o que for exportado para lá.

Por exemplo, se você tem calculator/index.tscomo

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

Você pode fazer

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

index.ts ajude-nos a manter tudo relacionado e não precisamos nos preocupar com o nome do arquivo de origem.

Podemos importar tudo usando o nome da pasta de origem.

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

Aqui util é o nome da pasta, não o nome do arquivo, que possui index.tsquais reexporta todos os quatro arquivos.

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