MENO importazione errata di file con URL

Question

Sembra che la strategia di importazione di LESS per l'URL non tenga conto dei percorsi relativi come fa il 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'); 
} 

C'è un modo per ottenere questo comportamento da LessJS o si tratta di un bug nell'implementazione?

Answer 1

Questo è stato fixed here sembra. Come dettagliato molto brevemente sotto usage, ecco come applicare la correzione:

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

è abbastanza relativa che meno non lo ha fatto già. Penseresti che avere la retrocompatibilità da CSS a LESS (il CSS valido dovrebbe essere valido MENO) sarebbe cruciale.

Answer 2

Soluzione temporanea: verificare che la gerarchia di directory corrisponda.

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

Hanno il minore output di file nella directory css. Oltre ad avere una buona struttura di directory, il percorso relativo nel file css corrisponderà e funzionerà correttamente.