Для чего предназначены все index.ts?

Question

Я изучал несколько проектов семян, и все компоненты, как представляется, имеют index.ts, которые экспортируют * из этого компонента. Я не могу найти нигде, на что он фактически используется?

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

например

Благодаря

Answer 1

От https://angular.io/docs/ts/latest/guide/glossary.htmlBarrel

Баррель способ Rollup экспорта из нескольких модулей в единый модуль удобства. Сам ствол является файлом модуля, который реэкспортирует выбранный экспорт других модулей.

Представьте себе три модуля в папке героев:

// 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 

Пакеты с угловыми областями имеют указатель с названием ствола.

Смотрите также Angular 2 DI Error - EXCEPTION: Can't resolve all parameters

Answer 2

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';