Можно ли использовать переменные в правилах SASS @import?

Как следует из названия, можно ли использовать переменные в правилах 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";

Учитывая, что предыдущее было просто примером того, чего я хочу достичь, и что этот синтаксис, конечно, не работает, есть ли способ сделать это?

В чем разница между методом "==" и equals()
В чем разница между методом "==" и equals()
Это один из наиболее часто задаваемых вопросов новичкам на собеседовании. Давайте обсудим его на примере.
Замена символа по определенному индексу в JavaScript
Замена символа по определенному индексу в JavaScript
В JavaScript существует несколько способов заменить символ в строке по определенному индексу.
0
0
580
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Из документации Sass:

It's not possible to dynamically import a Sass file based on a variable; interpolation is only for CSS imports. As such, it only works with url() imports.

Так что да.
Вы можете импортировать файлы, используя переменную Sass, но это не может быть файл Sass.

Пример:

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

Другие вопросы по теме