0

私は Stylus CSS プリプロセッサ、javascript ミドルウェアではなくコンソール コンパイラを使用しています。ある種のパスプレフィックス構成を探しています。

だから私が（foo.stylで）書くとき：

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

prefix を設定static/すると、次のようにコンパイルします。

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

これは、スタイラスのコンソール コンパイラのみで可能ですか?

4

2 に答える 2

4

編集：スタイラス実行可能ファイルを使用しているため、これがソリューションです。まったく文書化されていないように見えますが、実際には、次--use urlのようにオプションを文字列として渡すことができます。

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

この機能urlは、スタイラスの url() ドキュメントと同様に機能し、同じオプションを使用します。

たとえば、画像が ./public/images にあり、url(images/tobi.png) を使用したい場合、ルックアップ プロセスの一部となる public ディレクトリでパスを渡すことができます。同様に、代わりに 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){

});
于 2012-03-30T13:24:38.273 に答える
0 
 prefix = 'static/'

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

より良い解決策があるかもしれませんが、これは機能します。

于 2012-03-21T23:09:34.903 に答える