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