可以在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

在Sass文件中：

--不可能基于变量动态导入Sass文件；插值仅适用于CSS导入。因此，它只适用于url()导入。

所以，是的。

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

示例：

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