Stylus - установить префикс url () для компиляции cli

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 из документации по стилусу () и имеет те же параметры:

Например, если наши изображения находятся в ./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)

Возможно, есть лучшее решение, но это работает.