JSS Angularサンプル アプリでのアプリケーション構築システム
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
JSS Angularアプリには、アプリの操作を容易にするためのビルド システム ヘルパーがいくつか含まれています。
足場
新しいAngular Schematicは、jss scaffold <componentName> コマンドを使用してスキャフォールディングできます。
JSS Angular Schematicsは、デフォルトのng generateコンポーネント スキャフォールディング ツールに基づくJSSコンポーネント スケマティックを提供します。スクリプトjss scaffold MyComponentを実行すると、新しいAngular回路図が作成され、切断されたコンポーネント定義ファイルが作成され、コンポーネントを機能させるために何をすべきかについて役立つフィードバックが提供されます。
スキャフォールディング コンポーネントを構成するには、angular.jsonファイル内のAngular Schematicsのスキャフォールディング設定を追加/更新します。
次の例は、スタイル設定にCSSの代わりにSCSSを使用する新しいコンポーネントを生成する方法を示しています。
"schematics": {
"@sitecore-jss/sitecore-jss-angular-schematics:jss-component": {
"styleext": "scss"
}
} その他の設定については、JSS Angular Schematicスキーマ定義 または スキーマタイプを参照してください。
動的構成の生成
JSSアプリには、Angular環境ファイルが提供するものよりも動的な構成システムが必要です。これは、設定がscjssconfig.jsonファイルやpackage.jsonconfigセクションで定義された構成とも統合する必要があるためです。
これを実現するために、ビルドが実行される前に、scripts/generate-config.jsで定義されたスクリプトが実行され、src/environments/environment*.tsファイルが動的にアセンブルされます。 scripts/generate-config.jsスクリプトは、構成要件が異なる場合に完全にカスタマイズ可能 (または削除可能) です。
動的コンポーネントファクトリモジュール
ビルドが開始されると、JSS Angularアプリはsrc/temp/componentFactory.jsファイルにコンポーネントファクトリを自動的に生成します。コンポーネントファクトリは、JSSコンポーネント名とそれらのAngularコンポーネント実装との間のマッピングです。
src/temp/componentFactory.jsファイルは、JSSコンポーネントを定義するための規則を使用して生成されます。これにより、新しいコンポーネントを手動で登録する必要がなくなります。アプリがローカルで実行されると、コンポーネント ファクトリは新しいコンポーネントを監視し、モジュールを更新します。この自動生成はscripts/generate-component-factory.jsで定義されており、完全にカスタマイズ可能です。