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

ビルドタスク

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

sxa build taskName

別名:

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

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

再建作業

テーマアセットの再構築およびアップロードには、以下のタスクを使用します。

sxa rebuild taskName

別名:

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をアップロードします。

アップロードタスク

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

sxa upload taskName

別名:

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

画像フォルダからSitecoreインスタンスにファイルをアップロードします。SassとCSSの場合。

upload GulpConfig

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

upload Fonts

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

ウォッチタスク

テーマアセットの変更を監視し、修正ファイルを自動でアップロードするには、以下のタスクを使用します。

sxa watch taskName

別名:

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フォルダの変更を監視し、ファイルをサーバーにアップロードします。