角2桶

在Angular 2中,我正试图让文件中描述的桶工作.

官方的Angular 2风格指南讨论了使用桶来汇总和缩短import陈述.

我发现对于一些桶,我必须index在导入时指定JavaScript文件名,而不是必须的.

桶示例

(修改第12行的app/app.component.ts文件)

在我的实际项目中遇到这个(在ASP.NET下运行)后,我创建了一个Plunker来演示我修改了英雄之旅以使用桶的问题.

在app/app.component,导入的基本方法是这样的:

import { HeroService } from './hero.service';
import { HeroesComponent } from './heroes.component';
import { HeroDetailComponent } from './hero-detail.component';

但是,要使用桶,导入定义将如下所示:

import {
  HeroService,
  HeroesComponent,
  HeroDetailComponent
} from '../app';

该from '../app';行表示名称中index.ts包含导出/导入组件的文件:

// app/index.ts
export * from './hero-detail.component';
export * from './hero.service';
export * from './heroes.component';

但在所有情况下,这对我都不起作用.我正确使用它的唯一方法是明确包含index文件名:

import {
  HeroService,
  HeroesComponent,
  HeroDetailComponent
} …