MENOS la importación incorrecta de archivos con URL

Question

Parece que la estrategia de importación de LESS para URL no tiene en cuenta las rutas relativas de la misma manera que 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'); 
} 

¿Hay alguna manera de obtener este comportamiento de LessJS o se trata de un error en la implementación?

Answer 1

Esto ha sido fixed here parece. Como se detalla muy brevemente bajo usage, aquí es cómo aplicar la revisión:

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

Es bastante relativo que menos no lo hizo ya. Uno pensaría que tener compatibilidad con versiones anteriores de CSS a LESS (el CSS válido debería ser válido MENOS) sería crucial.

Answer 2

Solución: asegúrese de que coincida con la jerarquía del directorio.

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

Tienen menos archivos de salida en el directorio css. Además de tener una buena estructura de directorios, la ruta relativa en el archivo css coincidirá y funcionará correctamente.