Stylus url()

函數(shù)之url()

內(nèi)聯(lián)Data URI圖像

Stylus捆綁了一個(gè)可選函數(shù)，名叫url()，其替換了字面上的url()調(diào)用（且使用base64 Data URIs有條件地內(nèi)聯(lián)它們）。

示例

通過require('stylus').url該函數(shù)本身是可用的，其接受一個(gè)options對(duì)象，當(dāng)看到url()時(shí)候，返回Stylus內(nèi)部調(diào)用的函數(shù)。

.define(name, callback)方法指定了一個(gè)可被調(diào)用的JavaScript函數(shù)。在這種情況下，因?yàn)槲覀儓D片在./css/images中，我們可以忽視paths選項(xiàng)（默認(rèn)情況下，會(huì)查找相關(guān)要呈現(xiàn)的圖像文件）。如果愿意，該行為時(shí)可以改變的。

stylus(str)
  .set('filename', __dirname + '/css/test.styl')
  .define('url', stylus.url())
  .render(function(err, css){

  });

例如，想象圖片在./public/images, 我們想要使用url(images/tobi.png), 我們可以傳遞paths公共目錄。這樣，它就成為了向上查找進(jìn)程的一部分。

同樣，如果我們想替換為url(tobi.png), 我們可以傳遞paths: [__dirname + '/public/images'].

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

  });

選項(xiàng)(Options)

• limit 大小默認(rèn)限制30Kb(30000)
• paths 圖像解析路徑