我一直关注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。
答案 0 :(得分:1)
它可以帮助您将图像转换为样式表中的base-64数据,而不是作为外部资源链接到图像。
对这个概念有一个非常好的外行人介绍here
如果您将其设置为选项,它将替换样式表中的默认url()
行为。
这样,当你说:
.someElement
background-image url('someImage.png')
而不是链接到图像文件,手写笔将图像转换为base-64字符串并将其内联到输出样式