LESS nhập tệp không đúng với URL

Question

Dường như chiến lược nhập LESS cho URL không tính đến đường dẫn tương đối giống với 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ó cách nào để có được hành vi này từ LessJS hoặc đây có phải là lỗi trong quá trình triển khai không?

Answer 1

Điều này có vẻ như là fixed here. Như đã trình bày rất ngắn gọn dưới usage, dưới đây là cách để áp dụng việc sửa chữa:

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

Nó khá liên quan mà LESS không làm điều này đã. Bạn sẽ nghĩ rằng có khả năng tương thích ngược từ CSS đến LESS (CSS hợp lệ sẽ là LESS hợp lệ) sẽ rất quan trọng.

Answer 2

Giải pháp thay thế: đảm bảo phân cấp thư mục phù hợp.

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

Có ít đầu ra tệp hơn vào thư mục css. Ngoài việc có cấu trúc thư mục tốt, đường dẫn tương đối trong tệp css sẽ khớp và hoạt động chính xác.