那么<module>/web/css/source/module/
,例如,哪一种是扩展较少文件内容的最佳方法Magento_Checkout/web/css/source/module/_minicart.less
?
假设
A)超越
- 少相关的主题,您必须创建(或复制)具有与父主题相同名称的少主题,并像这样将其放入您的主题中
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
- 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
才能扩展并在_extend.less中theme-frontend-blank/web/css/source/_navigation.less
使用@import指令注册该文件,而无需在web / css / source->中添加主题内容@import "_navigation_extend.less"
- 具体来说,您必须在主题模块路径中创建_extend.less文件,这样
<your-theme>Magento_CatalogSearch/web/css/source/_extend.less
才能扩展Magento_CatalogSearch原始_module.less - UI lib less,您必须在库文件夹中创建具有相同名称内容的less,在此名称中添加_extend
<your-theme>Magento_Theme/web/css/source/lib/_buttons_extend.less
以扩展并在_extend中magento2-base/lib/web/css/source/lib/_buttons.less
使用@import指令注册该文件,并在web / css / source中删除主题内容- >@import "lib/_buttons_extend.less"
理论上必须建议您创建一个_minicart_extend.less,但它不会自动运行。也许您应该像B1或B3所述将文件导入_extend.less而不是该模块中?
如果这是扩展它们的正确方法,但为什么必须将这些扩展较少的组件自动包含在css的解析中,而又必须将其导入_extend.less中呢?
(这里还有另一个问题:web/css/source/lib/_buttons.less
和之间有什么区别web/css/source/_buttons.less
?)
我有点困惑。希望有人可以帮助我。
抱歉,这篇长篇文章。
资料来源: