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

【问题标题】：Using a mixin/function to poplulate @import paths in Stylus在 Stylus 中使用 mixin/function 填充 @import 路径
【发布时间】：2015-10-03 12:01:05
【问题描述】：

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

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

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

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

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

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

【问题讨论】：

标签： import mixins stylus

【解决方案1】：

好吧，你只需要去掉()之前的空格，否则声明被解析为选择器：

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

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

【讨论】：