需要帮助创建scss函数以返回字符串吗
我需要在很多地方包含模块导入,所以我想在scss中创建mixin或function 在我的mixin.scss上 在要导入的main.scss中,我有 但这让我犯了一个错误。如何创建返回导入语句的函数 我得到的错误是:“导入模块”后的CSS无效:应为“{”,为“('@import',1024);”) 感谢您的回答,我修改并尝试了以下方法:需要帮助创建scss函数以返回字符串吗,css,sass,mixins,Css,Sass,Mixins,我需要在很多地方包含模块导入,所以我想在scss中创建mixin或function 在我的mixin.scss上 在要导入的main.scss中,我有 但这让我犯了一个错误。如何创建返回导入语句的函数 我得到的错误是:“导入模块”后的CSS无效:应为“{”,为“('@import',1024);”) 感谢您的回答,我修改并尝试了以下方法: $modulesList: 'modules/header/header_', 'modules/news/news_', 'modules/footer
$modulesList: 'modules/header/header_',
'modules/news/news_',
'modules/footer/footer_',
'modules/follow_us/follow_us_',
'modules/ads/ads_',
'modules/newsletter/newsletter_',
'modules/comments/comments_';
@function import-modules($grid){
@each $module in $modulesList{
@return $module+$grid;
}
}
@import url(import-modules(1024));
在css中,我看到:
@导入url(“modules/header/header_1024”);Sass不会执行任意字符串。如果要导入文件,必须使用
@import
指令
@function import-modules($grid){
@return 'modules/modulename_#{$grid}';
}
@import url(import-modules(1024));
然而
导入可能包含#{}插值,但仅限于某些限制。无法基于变量动态导入Sass文件;插值仅适用于CSS导入。因此,它仅适用于url()导入
来源:请检查修改后的注释。基本上,它停止导入并开始打印导入语句。
$modulesList: 'modules/header/header_',
'modules/news/news_',
'modules/footer/footer_',
'modules/follow_us/follow_us_',
'modules/ads/ads_',
'modules/newsletter/newsletter_',
'modules/comments/comments_';
@function import-modules($grid){
@each $module in $modulesList{
@return $module+$grid;
}
}
@import url(import-modules(1024));
@function import-modules($grid){
@return 'modules/modulename_#{$grid}';
}
@import url(import-modules(1024));