javascript - url() 函数在 Stylus 设置中起什么作用？

Question

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

但是，我不明白 str 变量是什么以及它从哪里来。

我认为 url() 函数是一个包装器，当实际的 Stylus 代码在其 Stylus 文件之一中找到 url() 时(例如style.styl)，但除此之外，我不明白它的作用，也不知道何时定义它以及何时不需要。

有人可以帮我澄清一下吗？

我使用 Express 3.5.1 和 Stylus 0.44。

Answer 1

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

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

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

这样，当你说:

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

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