Для чого використовуються всі index.ts?

Я переглянув кілька насіннєвих проектів, і всі компоненти, схоже, мають index.ts, який експортує * з цього компонента. Я ніде не можу знайти, для чого він насправді використовується?

Наприклад, https://github.com/mgechev/angular2-seed/tree/master/src/client/app/%2Bhome

Дякую

З архіву словника словника Angular.io v2 для Barrel^* :

Барель - це спосіб згорнути експорт з декількох модулів в єдиний модуль зручності. Сама бочка - це файл модуля, який реекспортує вибраний експорт інших модулів.

Уявіть три модулі в папці героїв:

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

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

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

Без бочки споживачеві потрібні три заяви про імпорт:

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

Ми можемо додати бочку до папки героїв (називається індексом за умовами), яка експортує всі ці елементи:

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

Тепер споживач може імпортувати те, що йому потрібно з бочки.

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

Кожен пакет з кутовим діапазоном має бочку з ім'ям.

Дивіться також ВИХІД: Не вдається вирішити всі параметри

^* ПРИМІТКА: Barrel видалено з останніх версій кутового словника .

ОНОВЛЕННЯ Останніми версіями кутового файлу слід редагувати як нижче,

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

index.tsподібний index.jsу nodejs або index.htmlце хостинг веб-сайтів.

Тож, коли ви скажете, import {} from 'directory_name'він буде шукати index.tsвсередині вказаного каталогу та імпортувати все, що там експортується.

Наприклад , якщо у вас є , calculator/index.tsяк

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

Ви можете зробити

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

index.ts допоможіть нам зберегти всі пов'язані речі разом, і нам не потрібно турбуватися про назву вихідного файлу.

Ми можемо імпортувати все, використовуючи ім'я вихідної папки.

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

Тут утиль - це ім'я папки, а не ім'я файлу, index.tsяке повторно експортує всі чотири файли.

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