url()函数在Stylus设置中做了什么?

时间:2014-04-18 17:25:39

标签: javascript express stylus

我一直关注the documentation here over official Stylus docs并想知道url()函数在那里的示例代码中做了什么。特别是,我想知道我应该在我的项目/文件中编写代码...例如,如果我在我的Node.js / Express中的app.js(或server.js)文件中定义它应用程序,它会触发错误:str is not defined,因为很明显我没有在我的文件中定义str变量。

但是,我并不了解str变量是什么以及首先来自哪里。

我认为url()函数是一个包装器,当实际的Stylus代码在其中一个Stylus文件(如url())中找到style.styl时执行该包装,但超出该范围,我不知道它做什么,也不知道我什么时候定义,什么时候我不需要。

有人通过澄清来帮助我吗?

我使用Express 3.5.1和Stylus 0.44。

1 个答案:

答案 0 :(得分:1)

它可以帮助您将图像转换为样式表中的base-64数据,而不是作为外部资源链接到图像。

对这个概念有一个非常好的外行人介绍here

如果您将其设置为选项,它将替换样式表中的默认url()行为。

这样,当你说:

.someElement
   background-image url('someImage.png')

而不是链接到图像文件,手写笔将图像转换为base-64字符串并将其内联到输出样式