stylus - Stylus - 为 cli 编译设置 url() 前缀

Question

我使用的是 Stylus CSS 预处理器，控制台编译器不是 javascript 中间件。我正在寻找某种路径前缀配置。

所以当我写（在foo.styl中）时：

#lolipop
  background: url(images/lolipop.png)

并设置前缀static/，我希望它编译成：

#lolipop {
    background: url("static/images/lolipop.png");
}

仅使用手写笔的控制台编译器可以做到这一点吗？

Answer 1

编辑：由于您使用手写笔可执行文件，因此这是您的解决方案。它似乎完全没有记录，但您实际上可以--use url将选项作为字符串传递，如下所示：

stylus --use url --with "{ paths: [ './static' ] }"

url此功能的工作方式类似于stylus url() 文档，并采用相同的选项：

例如，如果我们的图像位于 ./public/images 并且我们希望使用 url(images/tobi.png)，我们可以将路径传递到我们的公共目录，这将成为查找过程的一部分。同样，如果我们想要 url(tobi.png)，我们将传递路径：[__dirname + '/public/images']。

stylus(str)
  .set('filename', __dirname + '/css/test.styl')
  .define('url', stylus.url({ paths: [__dirname + '/public'] }))
  .render(function(err, css){

});

Answer 2

 prefix = 'static/'

#lolipop
  background: url(prefix + images/lolipop.png)

也许有更好的解决方案，但这有效。