使用_module.less
和扩展主题之间有什么区别_extend.less
?扩展模块/主题的最佳实践是什么?
我首先想到的是,_module.less
在设计新模块的样式以及_extend.less
扩展模块时最好使用。但是Luma _module.less
在扩展空白主题时会使用,以使理论脱颖而出。
我看到的它们之间的唯一区别_module.less
是在响应库之前导入,以及_theme.less
在_extend.less
它们之后导入的位置。
这是它们导入的顺序 vendor/magento/theme-frontend-blank/web/css/styles-l.less
//
// Blank theme desktop styles
// _____________________________________________
// These desktop styles are added to mobile
//
// Global lib + theme styles
// ---------------------------------------------
@import '_styles.less';
@import (reference) 'source/_extends.less';
//
// Magento Import instructions
// ---------------------------------------------
//@magento_import 'source/_module.less'; // Theme modules
//@magento_import 'source/_widgets.less'; // Theme widgets
//
// Media queries collector
// ---------------------------------------------
@import 'source/lib/_responsive.less';
@media-target: 'desktop'; // Sets target device for this file
@media-common: false; // Sets not to output common styles
//
// Global variables override
// ---------------------------------------------
@import 'source/_theme.less';
//
// Extend for minor customisation
// ---------------------------------------------
//@magento_import 'source/_extend.less';