SXAのCLIウォッチ、(再)ビルド、アップロードタスク
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
SXAは開発者がアセットを作成し、SXA CLIを使ってローカルにアップロードするか、CIサーバーを使ってアップロードできるようにします。このトピックでは、ファイルを監視し、(再)構築し、アップロードするタスクについて説明します。
ビルドタスク
テーマアセットを作成・アップロードするには、以下のタスクを使用します。
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 - 追加のデバッグ情報を提供すること。
以下の表は、グローバルな再構築タスクを説明します。
任務
概要
再建 すべて
SASSコンポーネントをCSSにコンパイルし、JavaScriptとCSSをミニフィッシュ化し、JavaScript、CSS、画像をアップロードします。
再建メイン
SASSコンポーネントをCSSにコンパイルし、JavaScriptとCSSをミニファイズし、JavaScriptとCSSをアップロードします。
アップロードタスク
テーマ設定に基づいてテーマアセットをアップロードするには、以下のタスクを使用します:
sxa upload taskName
別名:
sxa u
可能な追加要素:
- -p, --password - アップロード用のパスワードを入力する。
- -l, --login - アップロードのためにログインする。
- -d, --debug - 追加のデバッグ情報を提供すること。
以下の表はグローバルアップロードタスクを説明します。
任務
概要
upload All
JavaScript、CSS、画像をSitecoreインスタンスにアップロードします。
upload Css
テーマ設定に基づいて styles フォルダからCSSファイルをアップロードします。
upload Js
テーマ設定に基づいて scripts フォルダからJavaScriptファイルをアップロードします。
upload Img
画像フォルダからSitecoreインスタンスにファイルをアップロードします。SassとCSSの場合。
upload GulpConfig
フォルダ config アップロードし、アップロード gulpfile.js。
ウォッチタスク
テーマアセットの変更を監視し、修正ファイルを自動でアップロードするには、以下のタスクを使用します。
sxa watch taskName
別名:
sxa w
可能な追加要素:
- -p, --password - アップロード用のパスワードを入力する。
- -l, --login - アップロードのためにログインする。
- -d, --debug - 追加のデバッグ情報を提供すること。
以下の表はグローバルウォッチタスクを説明します。
任務
概要
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/スタイル/コモン
- sass/スタイル/コンテンツの整合性
- sass/スタイル/レイアウト
watch SassBase
以下のフォルダ内でコンポーネントやスタイルをモニター、変更、コンパイルします:
- サス/抽象
- sass/base/
- SAS/コンポーネント
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
スクリプトフォルダ内のJavaScriptファイルの変更を監視し、サーバーにアップロードします。
watch Es
ソースフォルダ内のJavaScriptファイルの変更を監視し、サーバーにアップロードします。
watch Html
HTMLファイルの変更を監視し、Creative Exchangeによって解析されるサーバーにアップロードします。
watch Scriban
Scribanファイルの変更を監視し、サーバーにアップロードします。
watch Img
画像フォルダの変更を監視し、ファイルをサーバーにアップロードします。