URL'leri yanlış şekilde dosyalara aktarma

Question

Görünüşe göre, URL için LESS 'içe aktarma stratejisi, CSS'nin yaptığı gibi göreli yolları hesaba katmaz.

test.less

@import "sub/test.less"; 
div.a { 
    background-image:url('imagea.jpg'); 
} 

sub/test.less

div.b { 
    background-image:url('imageb.jpg'); 
} 

output.css

div.b { 
    background-image:url('imageb.jpg'); 
} 
div.a { 
    background-image:url('imagea.jpg'); 
} 

correct_output.css

div.b { 
    background-image:url('sub/imageb.jpg'); 
} 
div.a { 
    background-image:url('imagea.jpg'); 
} 

Bu davranışı LessJS'den almanın bir yolu var mı, yoksa bu uygulamada bir hata mı?

Answer 1

Görünüşe göre fixed here görünüyor. detaylı olarak çok kısaca usage altında burada düzeltmeyi uygulamak için:

<script type="text/javascript"> 
    less = { 
     relativeUrls: true 
    }; 
</script> 
<script src="less.js" type="text/javascript"></script> 

Oldukça DAHA AZ zaten bu yapmadığı endişelendiren. CSS'den LESS'e geriye doğru uyumluluğun (geçerli CSS'nin geçerli olması gerekir) çok önemli olacağını düşünebilirsiniz.

Answer 2

Geçici çözüm: eşleşen dizin hiyerarşisi olduğundan emin olun.

~/root/lib/css/output.css 
~/root/lib/less/test.less 
~/root/images/imagea.jpg 
~/root/images/imageb.jpg 

Daha az dosya çıkışı css dizinine sahip olsun. İyi bir dizin yapısına sahip olmanın yanı sıra, css dosyasındaki göreli yol eşleşecek ve düzgün çalışacaktır.