LESS niepoprawnie importuje pliki z adresami URL

Question

Wygląda na to, że strategia importowania adresu URL LESS nie uwzględnia względnych ścieżek tak jak w CSS.

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'); 
} 

Czy istnieje sposób na uzyskanie tego zachowania z LessJS lub jest to błąd w implementacji?

Answer 1

To wydaje się być fixed here. Jak wyszczególniono bardzo krótko pod usage, oto jak zastosować poprawkę:

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

To dość dotyczącej że mniej nie to zrobić już. Można by pomyśleć, że posiadanie wstecznej kompatybilności z CSS do LESS (poprawny CSS powinien być prawidłowy LESS) miałoby kluczowe znaczenie.

Answer 2

Obejście: zapewnienie zgodnej hierarchii katalogów.

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

Miej mniej plików wyjściowych do katalogu css. Oprócz dobrej struktury katalogów, ścieżka względna w pliku css będzie pasować i działać poprawnie.