url() 函数在 Stylus 设置中的作用是什么？

Question

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

但是，我不明白 str 变量是什么以及它的来源。

我认为url() 函数是一个包装器，当实际的 Stylus 代码在它的一个 Stylus 文件（如 style.styl）中找到 url() 时将执行它，但除此之外，我不明白它做什么，我什么时候定义它，什么时候不需要。

有人帮我澄清一下吗？

我使用 Express 3.5.1 和 Stylus 0.44。

Answer 1

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

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

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

这样，当你说：

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

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