Question

私はAEMを初めて使う人です。現在、私たちはサイトの各ページに1つのテンプレートを持っています。すべてのコンポーネントはカテゴリ「project_name.components」を持っていると私は、ヘッダー・ファイル内のクライアントLIBSを呼び出しています：

<sly data-sly-call="${clientLib.css @ categories='project_name.components'}" /> 
<sly data-sly-call="${clientLib.js @ categories='project_name.components'}" /> 

しかし、私は、予想通り、すべてのページにないブレッドクラム・コンポーネントを持っていますが、それに関係なく、クライアントのlibsファイルが表示されていて、既存のデフォルトのブレッドクラムのスタイル/スクリプトに問題が発生します。

私は、新しいbreadcrumbコンポーネントに "project_name.breadcrumbs"のテストカテゴリ名を与えました。ブレッドクラムがページにドラッグされている場合、ブレッドクラムクライアントのlibファイルのみを呼び出す同じヘッダーファイルのif/elseステートメントのいくつかのタイプで、このカテゴリ名を使用する方法はありますか？

Answer 1

いくつかの考え：

• 最も簡単な方法はどこか、それを含むのではなく、それを使用するコンポーネントの一部として、クライアントライブラリを含めることです。これの欠点は、ページのHEADセクションで早くロードしたいCSSが、BODYのどこかまで存在しないことです。
• CSSスタイリングが影響しないものに影響を与えている場合は、CSSスタイリングには適用したくないものが壊れないように十分なセレクタが必要です。おそらく、ブレッドクラムにクラスを追加し、すべてのスタイルをクラスを持つタグの下にあるものにのみ適用するようにすることができます。この方法でCSSを変更した場合、ブレッドクラムを使用していないときにページに悪影響を及ぼすことはありません（ただし、ロードされてブラウザキャッシュされていない場合はページフットプリントが低下するという欠点があります）将来使用される）。
• これ以外の場合は、ページレベルで実行されるロジックを追加して、ノードを調べ、含まれるコンポーネントを確認し、条件付きロジックを追加して、ページがコンポーネントを使用しているときにクライアントライブラリのみを追加できます。しかし、それはバックエンドの仕事です。だからあなたが示唆したようにif/elseステートメントを追加することはできますが、それを背後にコードを書くのはあなた次第です - 条件付きで私の知識にチェックを行う組み込み関数はありません。