Wofür werden alle index.ts verwendet?

Ich habe mir einige Seed-Projekte angesehen und alle Komponenten scheinen einen index.ts zu haben, der * aus dieser Komponente exportiert. Ich kann nirgendwo finden, wofür es tatsächlich verwendet wird?

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

Vielen Dank

Aus dem archivierten Glossareintrag von Angular.io v2 für Barrel^* :

Ein Barrel ist eine Möglichkeit, Exporte von mehreren Modulen in ein einziges Convenience-Modul zusammenzufassen. Das Fass selbst ist eine Moduldatei, die ausgewählte Exporte anderer Module erneut exportiert.

Stellen Sie sich drei Module in einem Heldenordner vor:

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

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

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

Ohne ein Fass würde ein Verbraucher drei Importaussagen benötigen:

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

Wir können dem Heldenordner (gemäß Konvention Index genannt) ein Fass hinzufügen, das alle diese Elemente exportiert:

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

Jetzt kann ein Verbraucher das, was er braucht, aus dem Fass importieren.

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

Die Pakete mit Angular-Gültigkeitsbereich haben jeweils einen Lauf mit dem Namen index.

Siehe auch AUSNAHME: Es können nicht alle Parameter aufgelöst werden

^* HINWEIS: Barrel wurde aus neueren Versionen des Angular-Glossars entfernt .

UPDATE Mit den neuesten Versionen von Angular sollte die Barrel-Datei wie folgt bearbeitet werden:

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

index.tsist ähnlich index.jsin nodejs oder index.htmlist Website-Hosting.

Wenn Sie also sagen, dass import {} from 'directory_name'es index.tsim angegebenen Verzeichnis sucht und alles importiert, was dort exportiert wird.

Zum Beispiel, wenn Sie calculator/index.tsals haben

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

Du kannst tun

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

index.ts Helfen Sie uns, alle verwandten Dinge zusammenzuhalten, und wir müssen uns keine Gedanken über den Namen der Quelldatei machen.

Wir können alles importieren, indem wir den Namen des Quellordners verwenden.

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

Hier ist util der Ordnername, nicht der Dateiname, der index.tsalle vier Dateien erneut exportiert.

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