Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
需要帮助创建scss函数以返回字符串吗_Css_Sass_Mixins - Fatal编程技术网

需要帮助创建scss函数以返回字符串吗

需要帮助创建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

我需要在很多地方包含模块导入,所以我想在scss中创建mixin或function

在我的mixin.scss上

在要导入的main.scss中,我有

但这让我犯了一个错误。如何创建返回导入语句的函数

我得到的错误是:“导入模块”后的CSS无效:应为“{”,为“('@import',1024);”)

感谢您的回答,我修改并尝试了以下方法:

$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));