それでは、<module>/web/css/source/module/
たとえば、より少ないファイルのコンテンツを拡張する最良の方法はどれMagento_Checkout/web/css/source/module/_minicart.less
ですか?
それを想定して
A)オーバーライド
- テーマ関連の少ない親テーマと同じ名前のlessを作成(またはコピー)し、次のようにテーマに配置する必要があります
theme-frontend-blank/web/css/source/_buttons.less
-><your-theme>/web/css/source/_buttons.less
- モジュール固有のless親テーマと同じ名前のlessを作成(またはコピー)し、次のようにテーマに配置する必要があります
theme-frontend-blank/Magento_Theme/web/css/source/_module.less
-><your-theme>Magento_Theme/web/css/source/_module.less
- UI lib lessライブラリライブラリフォルダーに同じ名前のコンテンツでlessを作成(またはコピー)し、次のようにテーマに入れます
magento2-base/lib/web/css/source/lib/_buttons.less
-><your-theme>Magento_Theme/web/css/source/lib/_buttons.less
そしてへ
B)延長
- テーマ関連の少ないテーマで _extend.lessファイルを作成し、このような名前で_extendを追加
<your-theme>/web/css/source/_navigation_extend.less
して拡張し、web / css / sourceのテーマコンテンツの_extend.lessで@importディレクティブでtheme-frontend-blank/web/css/source/_navigation.less
そのファイルを登録する必要があります->@import "_navigation_extend.less"
- 特定のモジュール以下
<your-theme>Magento_CatalogSearch/web/css/source/_extend.less
では、Magento_CatalogSearchの元の_module.lessを拡張するこのようなテーマモジュールパスに_extend.lessファイルを作成する必要があります - UI 11bが少なく、あなたが追加したフォルダ以下のライブラリに同じ名前のコンテンツとを作成する必要があります_extendを次のように名前に
<your-theme>Magento_Theme/web/css/source/lib/_buttons_extend.less
拡張するmagento2-base/lib/web/css/source/lib/_buttons.less
と、そのファイルを、レジスタ@importのウェブ/ CSS /ソース内のテーマコンテンツの_extend.lessで指示- >@import "lib/_buttons_extend.less"
理論では、_minicart_extend.lessを作成するように提案する必要がありますが、自動的には機能しません。B1またはB3で説明したように、そのモジュールの_extend.lessにそのファイルをインポートする必要がありますか?
また、これらのコンポーネントを拡張する正しい方法であるが、_extend.lessにインポートする必要がある場合、これらのコンポーネントは拡張が少ないため、CSSの解析に自動的に含まれません。
(ここでは別の質問も来:との違い何web/css/source/lib/_buttons.less
とはweb/css/source/_buttons.less
?😕)
私は少し混乱しています。誰かが私を助けてくれることを願っています。
この長いテキストでごめんなさい。
ソース: