如何使用 Stylus 的路径变量？

Question

我已经设置了一个定义字体位置的变量，但是 stylus/console 没有向我显示字体，也没有抛出任何错误。

$as-font-path = '../assets/fonts/';

@font-face {
  font-family: 'FontAwesome';
  src: url('{$as-font-path}fontawesome-webfont.eot?v=4.3.0');
}

当我转到开发人员工具和“网络”选项卡并找到 css 文件时，它没有显示我的变量内容，而是：src: url("{$as-font-path}fontawesome-webfont.eot?v=4.3.0");。所以我不确定如何进行。

我正在使用 gulp 版本 3.9.0。

感谢任何帮助。

Answer 1

遗憾的是，目前 Stylus 不支持字符串内插值。在这种情况下你应该使用连接：

$as-font-path = '../assets/fonts/';

@font-face {
  font-family: 'FontAwesome';
  src: url($as-font-path + 'fontawesome-webfont.eot?v=4.3.0');
}

How to use a variable for a path with Stylus?