是否可以在SASS的@import规则中使用变量？

Question

正如标题所述，是否可以在SASS的@import规则中使用变量？

例如，如果我需要导入以下文件

@import "./path/to/my/desired/file-1";
@import "./path/to/my/desired/file-2";
@import "./path/to/my/desired/file-3";

我可以做这样的事情吗？

$dir: "./path/to/my/desired/";

@import $dir + "file-1";
@import $dir + "file-1";
@import $dir + "file-1";

鉴于先前只是我要实现的示例，并且这种语法当然不起作用，是否有某种方法可以实现？

Answer 1

From the Sass documentation:

  

无法基于变量动态导入Sass文件；插值仅适用于CSS导入。因此，它仅适用于url（）导入。

是的。
您可以使用Sass变量导入文件，但不能是Sass文件。

示例：

$foo: 'bar';
@import url('#{$foo}.css'); // will import `bar.css`