JSS Reactサンプルアプリでシステムを構築するアプリケーション
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
JSS Reactアプリには、アプリの操作を簡略化するためのビルドシステムヘルパーがいくつか含まれています。
足場
新しいJSS Reactコンポーネントをスキャフォールディングするには、コマンドjss scaffold <componentName>を使用します。足場はscripts/scaffold-component.jsによって定義され、ニーズに合わせて完全にカスタマイズできます。スキャフォールディングは、Reactコンポーネントと切断されたコンポーネント定義ファイルを作成し、コンポーネントを機能させるために何をすべきかについて役立つフィードバックを提供します。
動的構成の生成
JSSアプリは、現在のレイアウト サービス エンドポイント構成など、JSS構成の一部を読み取ることができる必要があります。これを実現するために、ビルドが実行される前に、scripts/generate-config.jsで定義されたスクリプトが実行され、src/temp/config.jsファイルが動的にアセンブルされます。アプリケーションは、構成にアクセスする必要がある場合に、このファイルをインポートできます。このスクリプトは、設定要件が異なる場合に完全にカスタマイズおよび/または削除できます。
動的コンポーネントファクトリモジュール
ビルドが開始されると、JSS Reactアプリによってsrc/temp/componentBuilder.jsファイルにコンポーネント ビルダーが自動的に生成されます。 ComponentBuilderクラスは、すぐに使用できるcomponentFactory実装を提供します。コンポーネントファクトリは、JSSコンポーネント名とそれらのReactコンポーネント実装との間のマッピングです。
src/temp/componentBuilder.jsファイルは、JSSコンポーネントを定義するための規則を使用して生成されます。これにより、新しいコンポーネントを手動で登録する必要がなくなります。アプリがローカルで実行されると、コンポーネント ビルダーは新しいコンポーネントを監視し、モジュールを更新します。この自動生成はscripts/generate-component-builder/index.jsファイルで定義され、完全にカスタマイズ可能です。
この規則をJSSアプリケーションから削除するには、次のようにします。
-
/scripts/generate-component-builder.jsファイルを削除します。
-
/scripts/bootstrap.jsファイルで、削除されたスクリプトへの参照を削除します。
-
package.jsonファイルからstart:watch-componentsコマンドと使用法を削除します。