SXA CLIは、タスクの監視、ビルド、再ビルド、アップロードを行います

Version: 10.4
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

SXAでは、開発者はアセットを作成し、SXA CLIまたはCIサーバーを使用してローカルにアップロードできます。このトピックでは、ファイルの監視、ビルド、再構築、およびアップロードのタスクについて説明します。

ビルド タスク

テーマアセットを作成してアップロードするには、次のタスクを使用します。

RequestResponse
sxa build [taskName]

別名：

RequestResponse
sxa b

可能な追加:

  • d, --debug - 追加のデバッグ情報を提供するため。

次の表では、グローバル ビルド タスクについて説明します。

グローバルタスク

形容

build All

SassをsassフォルダのルートからCSSにコンパイルします。

build SassStyles

次のファイルをstyles/styles.cssにコンパイルします。

  • sass/styles/common

  • sass/styles/content-alignment

  • sass/styles/layout

build Css

stylesフォルダ内のファイルをバンドルして最小化します。

build Eslint

scriptsフォルダ内のすべてのJavaScriptに対してeslintを実行します。

build Js

scriptsフォルダ内のJavaScriptファイルをバンドルしてミニファイします。

build Styles

sassコンポーネントをCSSにコンパイルし、CSSファイルをバンドルして最小化します。

build SpriteFlag

フラグのスプライトを作成します。

タスクの再構築

テーマアセットを再構築してアップロードするには、次のタスクを使用します。

RequestResponse
sxa rebuild [taskName]

別名：

RequestResponse
sxa r

可能な追加:

  • -p, --password - アップロード用のパスワードを入力します。

  • -l, --login - アップロードのためにログインします。

  • -d, --debug - 追加のデバッグ情報を提供するため。

  • -u, --url - アップロード用のインスタンスURL

    メモ

    この方法でURLを指定すると、ローカル サーバまたはグローバル サーバのURL戦略に他のものを設定している場合でも、このURLが使用されます。

次の表では、グローバル再構築タスクについて説明します。

タスク

形容

すべて再構築

SassコンポーネントをCSSにコンパイルし、JavaScriptとCSSを最小化し、JavaScript、CSS、および画像をアップロードします。

リビルドメイン

SassコンポーネントをCSSにコンパイルし、JavaScriptとCSSを最小化し、JavaScriptとCSSをアップロードします。

アップロードタスク

テーマ設定に基づいてテーマアセットをアップロードするには、次のタスクを使用します。

RequestResponse
sxa upload [taskName]

別名：

RequestResponse
sxa u

可能な追加:

  • -p, --password - アップロード用のパスワードを入力します。

  • -l, --login - アップロードのためにログインします。

  • -d, --debug - 追加のデバッグ情報を提供するため。

  • -u, --url - アップロード用のインスタンスURL。

    手記

    この方法でURLを指定すると、ローカル、ローカル、またはグローバル サーバーのURL戦略に何か他のものを設定している場合でも、このURLが使用されます。

次の表では、グローバル アップロード タスクについて説明します。

タスク

形容

upload All

JavaScript、CSS、画像をSitecoreインスタンスにアップロードします。

upload Css

テーマの設定に基づいて、stylesフォルダからCSSファイルをアップロードします。

upload Js

テーマの設定に基づいて、scriptsフォルダからJavaScriptファイルをアップロードします。

upload Img

imagesフォルダからSitecoreインスタンスにファイルをアップロードします。SassとCSS用。

upload GulpConfig

configフォルダをアップロードし、gulpfile.jsをアップロードします。

upload Fonts

fontsフォルダからSitecoreインスタンスにファイルをアップロードします。

タスクを見る

テーマアセットの変更を監視し、変更されたファイルを自動的にアップロードするには、次のタスクを使用します。

RequestResponse
sxa watch [taskName]

別名：

RequestResponse
sxa w

可能な追加:

  • -p, --password - アップロード用のパスワードを入力します。

  • -l, --login - アップロードのためにログインします。

  • -d, --debug - 追加のデバッグ情報を提供するため。

  • -u, --url - アップロード用のインスタンスURL

    手記

    この方法でURLを指定すると、ローカル、ローカル、またはグローバル サーバーのURL戦略に何か他のものを設定している場合でも、このURLが使用されます。

次の表では、グローバル監視タスクについて説明します。

タスク

形容

sxa watch All

次のタスクの機能を集約します: watch Sass、watch JS、watch Es、watch Css、watch Img、watch SassSource、watch Scriban、watch Html。

watch Sass

タスクのリストを実行します: watch SassComponents、watch SassBase、watch SassStyles、watch SassDependency。

sxa watch SassStyles

変更を監視し、すべての変更を次のフォルダ内のstyles/styles.cssにコンパイルします。

  • sass/styles/common

  • sass/styles/content-alignment

  • sass/styles/layout

watch SassBase

変更を監視し、次のフォルダ内のコンポーネントとスタイルをコンパイルします。

  • sass/abstracts/

  • sass/base/

  • sass/components

watch SassComponents

sassフォルダ内のコンポーネント スタイルの変更を監視し、それらをstylesフォルダにコンパイルします。

watch SassDependency

sass/styles/ の変更を監視し (sass/styles/common、sass/styles/content-alignment 、sass/styles/layoutを除く) 適切なコンポーネントをコンパイルします。

watch SassSource

sassフォルダの変更を監視し、変更されたファイルをサーバーにアップロードします。

watch Css

stylesフォルダ内のCSSファイルの変更を監視し、サーバーにアップロードします。

watch Js

scriptsフォルダ内のJavaScriptファイルの変更を監視し、サーバーにアップロードします。

watch Es

sourcesフォルダ内のJavaScriptファイルの変更を監視し、サーバーにアップロードします。

watch Html

HTMLファイルの変更を監視し、Creative Exchangeで解析するためにサーバーにアップロードします。

watch Scriban

Scribanファイルの変更を監視し、それらをサーバーにアップロードします。

watch Img

imagesフォルダの変更を監視し、ファイルをサーバーにアップロードします。

何かフィードバックはありますか?

この記事を改善するための提案がある場合は、