Sass在@import中使用变量值
我的代码如下所示Sass在@import中使用变量值,sass,scss-mixins,Sass,Scss Mixins,我的代码如下所示 &.village { &.village- { @for $i from 1 through 12 { &#{$i} { background-image: url('../../images/maps/#{$i}.png'); @import "maps/map-#{$i}"; }
&.village {
&.village- {
@for $i from 1 through 12 {
&#{$i} {
background-image: url('../../images/maps/#{$i}.png');
@import "maps/map-#{$i}";
}
}
}
}
但是我得到了这个错误:
模块生成失败:模块生成错误:模块生成失败:
@导入“maps/map-#{$i}”;
^
要导入的文件找不到或不可读:maps/map-#{$i}
我用的是Laravel5.6,我试过查找,但到目前为止没有找到任何东西。是否可以使用scss导入变量文件名?目前是这样,但在不久的将来可能会向Sass添加一些新功能
您可以通过使用条件来创建与导入匹配的规则来实现这一点。您可以使用@if
(当我们等待@switch
语句执行时):
随后:
@include customImport('file-one');
我尝试了这样的mixin,但出现了以下错误:
导入指令不能在控制指令或mixin中使用。使用SASS 3.5.6。@JamesJones我认为您只需要更新SASS编译器版本。谢谢您的回复。3.5.6是撰写本文时最新的Ruby SASS。有什么我遗漏的吗?
@include customImport('file-one');