0

我的代码看起来像这样

      &.village {
        &.village- {
          @for $i from 1 through 12 {
            &#{$i} {
              background-image: url('../../images/maps/#{$i}.png');

              @import "maps/map-#{$i}";
            }
          }
        }
      }

但后来我得到这个错误:

模块构建失败:ModuleBuildError:模块构建失败:@import "maps/map-#{$i}"; ^ 找不到或无法读取要导入的文件:maps/map-#{$i}。

我使用 Laravel 5.6,我试过查找它,但到目前为止我没有找到任何东西。是否可以使用 scss 导入变量文件名?

4

1 回答 1

1

目前这是不可能的,但在不久的将来可能会向 Sass 添加一些新功能。

您可以通过使用条件来创建规则以匹配您的导入来实现这一点。您可以使用@if它(当我们等待执行@switch语句时):

@mixin customImport($file) {
    @if $file == 'file-one' {
        @import 'file-one';
    } @else if $file == 'file-two' {
        @import 'file-two';
    }
}

然后后来:

@include customImport('file-one');
于 2018-06-04T15:00:45.753 回答