アプリケーションのディレクトリー・レイアウト
アプリケーションのディレクトリー・レイアウトを理解するには、このトピックの表を参照してください。
| ディレクトリー/ファイル | 目的 |
|---|---|
| src/app | アプリケーション・ロジックおよびデータが定義されているコンポーネント・ファイルが含まれます。 AppModule の役割は、Angular アプリケーションをブートストラップし、ルート・レベルのルーター・コンセントを提供することです。 |
| src/app/app-shell | AppShell モジュールは、ログインおよびホーム・ページへのナビゲーション後のアプリケーションのコア・サービスの初期化を担当します。 また、すべてのフィーチャーのモジュールがロードされるコンテナーも提供します。 |
| src/app/core | CoreModule には、アプリケーションごとに 1 つのインスタンスを必要とする singleton サービス、グローバル・コンポーネント、およびその他のフィーチャーが含まれています。 CoreModule は、 AppModuleに 1 回インポートされます。注: CoreModule ファイルは拡張してはなりません。 コア・ファイルを拡張する必要がある場合は、 IBM サポート・チームに Case を提出してください。 |
| src/app/features | アプリケーションのフィーチャー・モジュールが入っています。 |
| src/app/features/utilities | ユーティリティー・フォルダーには、アプリケーション全体で使用される、注文、出荷などのさまざまなエンティティー用の共通ユーティリティー・メソッドが含まれています。 これらのユーティリティー・サービス・ファイルは拡張してはなりません。 |
| src/app/login | LoginModule には、アプリケーションのログインとログアウトに関連するコンポーネントとサービスが含まれています。 |
| src/app/shared | SharedModule には、共有コンポーネント、ディレクティブ、およびプロバイダーが含まれています。注:
|
| src/assets | アプリケーションのビルド時に現状のままコピーされる変換ファイル、スタイル・ファイル、およびその他の資産ファイルが含まれます。 |
| src/assets/store-frontend/i18n | 変換ファイル (JSON) が入っています。 各モジュールは、ロケールまたは言語に固有の独自の翻訳ファイルを保持します。 |
| src/assets/styles/store-frontend/styles | プロジェクトのフォント・アイコン・ファイル、部分アイコン、グリフ・アイコンなどのグローバル・スタイルが含まれています。 |
| src/assets/styles/store-frontend/styles/bootstrap-sass/_variables.scss | アプリケーション全体で使用される色、フォント・サイズ、フォント・ファミリー、およびその他の値の標準定義が含まれています。 |
| src/assets/store-frontend/styles/fonts/* | フォント・アイコン関連ファイルが入っています。 |
| src/assets/store-frontend/styles/_glyphicons.scss | フォント・アイコンの CSS が入っています。 |
| src/styles.scss | すべての部分 SCSS ファイルをインポートして、そのスタイルをアプリケーションに適用します。 |
| ディレクトリー/ファイル | 目的 |
|---|---|
| store-extensions-src/app | カスタマイズ・コンポーネント・ファイルまたは拡張コンポーネント・ファイルが入っています。 |
| store-extensions-src/app/store-customization-impl.ts | 該当するプロパティーの値を、新しく追加されたコンポーネント、サービス、および遅延ロード・モジュール経路の名前で更新する拡張定義ファイル。 |
| store-extensions-src/assets | アプリケーションのビルド時に現状のままコピーされる変換ファイル、スタイル・ファイル、およびその他の資産ファイルが含まれます。 |
| store-extensions-src/assets/store-frontend/i18n | 既存のモジュールおよび新規に追加されたモジュールの拡張/新規に追加された変換ファイルがそれぞれ含まれます。 |
| store-extensions-src/assets/styles/store-frontend/styles | カスタム SCSS および部分ファイルが含まれます。 |
| store-extensions-src/assets/store-frontend/styles/_variables_extn.scss | カスタム・コンポーネントで使用される、オーバーライドされた SCSS プロパティーおよびカスタム SCSS プロパティーが含まれます。 |
| store-extensions-src/styles_extn.scss | カスタム部分 SCSS ファイルをインポートして、カスタム・スタイルをアプリケーションに適用します。 |
| ディレクトリー | 目的 |
|---|---|
| store-app-build | アプリケーション提供ファイル (src) およびカスタマイズ・ファイル (store-extensions-src) のマージされたソース・コードが含まれます。 警告: これは 「表示専用」 フォルダーです。 カスタマイズ中にこのフォルダーの内容を名前変更したり変更したりしてはなりません。
|
store-app-build フォルダーのファイルまたはコンテンツを誤って表示または変更しないようにするには、以下を実行する必要があります。
- このフォルダーが IDE のファイル・エクスプローラーに表示されないようにします。
- このフォルダーとその内容を検索から除外します。
Mac の場合:
- へ移動
- 「Files: Exclude」 を検索し、 「Add pattern」をクリックします。 **/store-app-build を追加して、 「OK」をクリックします。
- 「検索: 除外」 を検索し、 「パターンの追加」をクリックします。 **/store-app-build を追加して、 「OK」をクリックします。
Windows の場合:
- へ移動
- 「Files: Exclude」 を検索し、 「Add pattern」をクリックします。 **/store-app-build を追加して、「OK」をクリックします。
- 「検索: 除外」 を検索し、 「パターンの追加」をクリックします。 **/store-app-build を追加して、 「OK」をクリックします。
注: これらのステップは、Microsoft Visual Studio Code を IDE として使用している場合にのみ適用されます。 その他の IDE の場合は、必ず同様の手順を実行してください。