[解決済み] index.tsは何に使われているのですか?
2022-04-23 19:49:55
質問
いくつかのシードプロジェクトを見てきましたが、すべてのコンポーネントには、そのコンポーネントから*をエクスポートするindex.tsがあるようです。私はそれが実際に何のために使用されているのかどこにも見つけることができません?
例 https://github.com/mgechev/angular2-seed/tree/master/src/client/app/%2Bhome
ありがとうございます。
解決方法は?
からの
Angular.io v2 のアーカイブ用語集
の項目は
Barrel
*
:
バレルとは、複数のモジュールのエクスポートを1つにまとめる方法です。 便利なモジュールです。バレル自体はモジュールファイルであり、そのファイルは 他のモジュールのエクスポートを選択する。
heroesフォルダに3つのモジュールが入っていると想像してください。
// heroes/hero.component.ts export class HeroComponent {} // heroes/hero.model.ts export class Hero {} // heroes/hero.service.ts export class HeroService {}
バレルがなければ、消費者は3つのimport文が必要になります。
import { HeroComponent } from '../heroes/hero.component.ts'; import { Hero } from '../heroes/hero.model.ts'; import { HeroService } from '../heroes/hero.service.ts';
heroesフォルダ(慣習的にindexと呼ばれる)に樽を追加することができます。 これらのアイテムをすべてエクスポートします。
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という名前のバレルを持っています。
参照 EXCEPTION: すべてのパラメータを解決できません。
*
NOTE
Barrel
から削除されました。
より新しいバージョンのAngular用語集
.
アップデイト Angularの最新バージョンでは、バレルファイルを以下のように編集する必要があります。
<ブロッククオートexport { HeroModel } from './hero.model';
export { HeroService } from './hero.service';
export { HeroComponent } from './hero.component';
関連
-
Angularインタビュー質問まとめ1~基礎知識(Angular v8+)編
-
[解決済み] NullInjectorError: AngularFirestore のプロバイダがない
-
[解決済み] ルーターリンク]と[ルーターリンク]の違いについて
-
[解決済み] NGIf else "の使い方を教えてください。
-
[解決済み] 例外が発生しました。既知のネイティブプロパティではないため、'ngFor'にバインドできない
-
[解決済み】PromiseとObservablesの違いは何ですか?
-
[解決済み] Angular2の括弧、括弧、アスタリスクの違いは何ですか?
-
[解決済み] prodのバンドルサイズを小さくするには?
-
[解決済み] angular-cli server - デフォルトのポートを指定する方法
-
[解決済み] Angular 2のテンプレートでlet-*とは何ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】アンギュラーコンポーネントにサービスを注入しようとするとエラー "EXCEPTION: Can't resolve all parameters for component"、なぜ?
-
Angular CLIでモジュール "angular-devkit/build-angular" が見つからない問題を解決する。
-
[解決済み] Angular [disabled]="MyBoolean "が動作しない。
-
[解決済み] Angular/RxJS `Subscription` からいつ退会すればいいのか?
-
[解決済み] SubjectとBehaviorSubjectの違いは何ですか?
-
[解決済み] ナンバーパイプ - Angular 2のパラメータは?
-
[解決済み] @angular/material/index.d.ts' はモジュールではありません。
-
[解決済み] ファイル 'app/hero.ts' is not a module error in console, where to store interfaces files in directory structure with angular2?
-
[解決済み] Angular 2でシングルトンサービスを作成するには?
-
[解決済み] ページを離れる前に、未保存の変更点を警告する