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