À quoi servent tous les index.ts?

J'ai examiné quelques projets d'amorçage et tous les composants semblent avoir un index.ts qui exporte * à partir de ce composant. Je ne trouve nulle part à quoi il sert réellement?

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

Merci

À partir de l' entrée de glossaire archivée d'Angular.io v2 pour Barrel^* :

Un baril est un moyen de regrouper les exportations de plusieurs modules en un seul module pratique. Le canon lui-même est un fichier de module qui réexporte des exportations sélectionnées d'autres modules.

Imaginez trois modules dans un dossier heroes:

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

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

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

Sans baril, un consommateur aurait besoin de trois déclarations d'importation:

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

Nous pouvons ajouter un baril au dossier heroes (appelé index par convention) qui exporte tous ces éléments:

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

Désormais, un consommateur peut importer ce dont il a besoin du baril.

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

Les packages à portée angulaire ont chacun un baril nommé index.

Voir aussi EXCEPTION: impossible de résoudre tous les paramètres

^* REMARQUE: Barrel a été supprimé des versions plus récentes du glossaire angulaire .

MISE À JOUR Avec les dernières versions d'Angular, le fichier barrel doit être édité comme ci-dessous,

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

index.tsest similaire index.jsdans nodejs ou index.htmlest l'hébergement de site Web.

Ainsi, quand vous dites import {} from 'directory_name'qu'il cherchera index.tsdans le répertoire spécifié et importera tout ce qui y est exporté.

Par exemple si vous avez calculator/index.tscomme

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

Tu peux faire

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

index.ts aidez-nous à garder tous les éléments liés ensemble et nous n'avons pas à nous soucier du nom du fichier source.

Nous pouvons tout importer en utilisant le nom du dossier source.

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

Ici, util est le nom du dossier et non le nom du fichier qui a pour index.tsréexporter les quatre fichiers.

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