使用 mixin/function 在 Stylus 中填充 @import 路径

Question

我希望能够在 Stylus 中执行以下操作：

variables (spec)
  "../" + spec + "/css/variables.styl"

@import variables(button);
@import variables(form);
..

文件结构是有原因的我只是想让它更容易管理这个文件中的重复而不是必须写：

@import "../button/css/variables.styl"
@import "../form/css/variables.styl"
..

但是当我尝试使用 Stylus 编译器时出现错误“@import string expected”

Answer 1

嗯，你只需要去掉()之前的space，否则声明会被解析为选择器：

variables(spec)
  "../" + spec + "/css/variables.styl"

@import variables(button);
@import variables(form);

Using a mixin/function to poplulate @import paths in Stylus