如何使用Stylus的路径变量？

Question

我已经设置了一个变量来定义字体的位置，但是手写笔/控制台没有显示字体，也没有丢失任何错误。

$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。

任何帮助表示感谢。

Stylus documentation

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');
}