Каков тогда лучший способ расширить содержание файлов <module>/web/css/source/module/
, например Magento_Checkout/web/css/source/module/_minicart.less
?
Предполагая, что
А) ПЕРЕЗАГРУЗИТЬ
- меньше связанных с темой вы должны создать (или скопировать) меньшее с тем же именем родительской темы и поместить его в свою тему следующим образом
theme-frontend-blank/web/css/source/_buttons.less
-><your-theme>/web/css/source/_buttons.less
- для конкретного модуля меньше вы должны создать (или скопировать) меньшее с тем же именем родительской темы и поместить его в свою тему следующим образом
theme-frontend-blank/Magento_Theme/web/css/source/_module.less
-><your-theme>Magento_Theme/web/css/source/_module.less
- Если пользовательский интерфейс меньше, вы должны создать (или скопировать) содержимое с тем же именем в папке библиотеки и поместить его в свою тему следующим образом
magento2-base/lib/web/css/source/lib/_buttons.less
-><your-theme>Magento_Theme/web/css/source/lib/_buttons.less
и к
Б) РАСШИРЯТЬ
- Тем не менее, вы должны создать файл _extend.less в своей теме, добавив _extend в имя, подобное этому,
<your-theme>/web/css/source/_navigation_extend.less
чтобы расширитьtheme-frontend-blank/web/css/source/_navigation.less
И зарегистрировать этот файл с помощью директивы @import в _extend.less содержимого темы в web / css / source ->@import "_navigation_extend.less"
- Для конкретного модуля меньше вы должны создать файл _extend.less в пути к модулю темы, как этот,
<your-theme>Magento_CatalogSearch/web/css/source/_extend.less
который расширяет оригинальный _module.less Magento_CatalogSearch - Для того, чтобы пользовательский интерфейс был меньше, вы должны создать меньше с тем же именем в папке библиотеки, добавив _extend в это имя,
<your-theme>Magento_Theme/web/css/source/lib/_buttons_extend.less
чтобы расширитьmagento2-base/lib/web/css/source/lib/_buttons.less
И зарегистрировать этот файл с помощью директивы @import в _extend.less содержимого темы в web / css / source - >@import "lib/_buttons_extend.less"
Теория должна предлагать вам создать _minicart_extend.less, но она не работает автоматически. Может быть, вам следует импортировать этот файл в _extend.less этого модуля, как описано в B1 или B3?
И почему эти компоненты, расширяющиеся меньше, не включаются автоматически в синтаксический анализ css, если это правильный способ их расширения, а должны импортироваться в _extend.less?
(Здесь также возникает другой вопрос: в чем разница между web/css/source/lib/_buttons.less
и web/css/source/_buttons.less
? 😕)
Я немного смущен. Надеюсь, кто-нибудь может мне помочь.
Извините за этот длинный текст.
Источники:
источник