МЕНЬШЕ неправильно импортирует файлы с URL - PullRequest
Новая
       21

МЕНЬШЕ неправильно импортирует файлы с URL

5 голосов
/ 09 марта 2012

Похоже, что стратегия импорта LESS для URL не учитывает относительные пути так же, как 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');
}

Есть ли способ получить это поведение от LessJS или это ошибка в реализации?

Ответы [ 2 ]

4 голосов
/ 26 мая 2013

Это было исправлено здесь кажется. Как подробно очень кратко в разделе использование , вот как применить исправление: 

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

Это довольно относительно того, что LESS не делал этого уже. Вы могли бы подумать, что иметь обратную совместимость от CSS к LESS (допустимый CSS должен быть действительным LESS) было бы крайне важно.

1 голос
/ 10 марта 2012

Обходной путь: обеспечьте соответствие иерархии каталогов. 

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

Иметь меньше файлов, выводимых в каталог css. В дополнение к хорошей структуре каталогов, относительный путь в файле CSS будет совпадать и работать правильно.

...