SXA StorefrontのテーマにECMAScript 6+を追加してください
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
JavaScriptのクロスブラウザ問題を避けるために、SXA StorefrontにはECMAScript(ES) ウォッチャーが含まれています。ECMAScript 6+は、現在および古いブラウザバージョンの両方でコードに使用できます。ソースフォルダ内のECMAScript 6+コードは自動的にscriptsフォルダ内のファイルに変換されます。 Babelトランスコンパイラは、es-watchと名付けられたgulpタスクが実行されるとコードをトランスパイルします。タスクはソースコードリポジトリのsrc\Project\Storefront\src\Scripts\gulpにあるタスクフォルダに保存されます。
!注変更がSitecoreのコンテンツと同期されるよう、Gulpで設定 された別のプロジェクトを運営していると仮定しています。
SXA StorefrontのテーマにECMAScript 6+を追加するには:
-
src\Project\Storefront\src\Scripts\gulp\config.jsファイルを開いて、ファイルのes
。js: { path: 'Commerce/**/*.js', esLintUploadOnError: true } es: { path: '../Sources/Commerce/**/*.js', srcFolderName: 'Sources', destFolderName: 'Scripts' }, loginQuestions{
ここで:
- path は変化を監視すべきスクリプトの相対的な経路です。
- srcFolderName はソースフォルダ名です。
- destFolderName は宛先フォルダ名です。
-
ECMAScript 6+コードをsrcFolderName項目で指定されたフォルダに保存してください。
-
デフォルトのgulpタスクを開始するか、タスクを独立して実行する場合はes-watchタスクを実行してください。
ESウォッチャーは、ソースフォルダ内の任意のECMAScript 6+コードが後方互換性のあるJavaScriptコードに変換され、destFolderName項目で指定されたフォルダに保存されることを保証します。
!注SXA CLIというコマンドラインツールを使って、テーマの追加や設定を自動化できます。