Angular 2
Beczka
Szukaj…
Wprowadzenie
Beczka jest sposobem na zrolowanie eksportu z kilku modułów ES2015 do pojedynczego wygodnego modułu ES2015. Sama beczka jest plikiem modułu ES2015, który ponownie eksportuje wybrane eksporty innych modułów ES2015.
Korzystanie z beczki
Na przykład bez beczki konsument potrzebowałby trzech deklaracji importowych:
import { HeroComponent } from '../heroes/hero.component.ts';
import { Hero } from '../heroes/hero.model.ts';
import { HeroService } from '../heroes/hero.service.ts';
Możemy dodać beczkę, tworząc plik w tym samym folderze komponentu. W tym przypadku folder nazywa się „heroes” o nazwie index.ts (zgodnie z konwencjami), który eksportuje wszystkie te elementy:
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
Teraz konsument może importować z beczki to, czego potrzebuje.
import { Hero, HeroService } from '../heroes/index';
Mimo to może to stać się bardzo długą linią; co można jeszcze bardziej zmniejszyć.
import * as h from '../heroes/index';
To całkiem zredukowane! * as h importuje wszystkie moduły i aliasy jako h