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

我们可以将桶添加到heroes文件夹（按惯例称为索引）中，以导出所有这些项目：

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作用域包都有一个名为index的桶。

另请参见例外：无法解析所有参数

^* 注意： Barrel已从Angular词汇表的最新版本中删除。

更新 对于最新版本的Angular，桶形文件应如下进行编辑，

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

index.tsindex.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';

此处util是文件夹名，而不是文件名，index.ts该文件名具有重新导出所有四个文件的功能。

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