我有一个 magento 2.4 主题,它使用 styles-m.less 文件定义其 css
app/design/frontend/Vendor/theme/web/css/styles-m.less
还有一个源子目录,每个模块都有不同的 .less 文件: 例如:
app/design/frontend/Vendor/theme/web/css/source/home/_styles.less
问题:
在某些前端页面(前客户帐户)中,生成的 styles-m.css 被 styles-l.css 覆盖,这似乎是由 magento 原始空白主题生成的。
然后我尝试了:
将原始样式-l.less从空白主题复制到
应用程序/设计/前端/供应商/主题/web/css/styles-l.less
添加自定义_module.less文件
应用程序/设计/前端/供应商/主题/web/css/source/customer/_module.less
修改 styles-l.less 文件以导入我的自定义 customer/_module.less 文件
设置:静态内容:部署-f,刷新magento缓存
但这不起作用。 styles-l.css 好像和以前一样。
这是我的自定义 styles-l.less 文件。 我错过了什么?
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
//
// Blank theme desktop styles
// _____________________________________________
// These desktop styles are additional to mobile
//
// Global lib + theme styles
// ---------------------------------------------
@import '_styles.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';
@import 'source/customer/_module.less';
答案: