Angular 2
バレル

前書き

バレルの使用

たとえば、バレルを使用しない場合、消費者は3つのimport文を必要とします。

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

同じコンポーネントフォルダにファイルを作成することでバレルを追加できます。この場合、フォルダは、これらのアイテムをすべてエクスポートするindex.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';

それでも、これは非常に長い行になる可能性があります。それはさらに減少する可能性がある。

import * as h from '../heroes/index';

それはかなり減少しました！ * as hはすべてのモジュールとエイリアスをh