Я неправильно понимаю функцию data-uri в менее

Я пытаюсь использовать функцию less data-uri

http://lesscss.org/functions/#misc-functions-data-uri

.test {background-image:data-uri("/images/ui-baseline.svg");}

Я ожидал, что он скомпилирует фоновое изображение base64

.test {   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAgNDAiID48cmVjdCB5PSIzOSIgZmlsbD0iI0ZGODBDQiIgd2lkdGg9IjUiIGhlaWdodD0iMSIvPjxwYXRoIGZpbGw9IiM4MERERkYiIGQ9Ik01LDM1SDB2LTFoNVYzNXogTTUsMzBIMHYtMWg1VjMweiBNNSwyNUgwdi0xaDVWMjV6IE01LDIwSDB2LTFoNVYyMHogTTUsMTVIMHYtMWg1VjE1eiBNNSwxMEgwVjloNVYxMHogTTUsNUgwVjRoNVY1eiIvPjwvc3ZnPg==); }

Однако я не могу заставить это работать. Скомпилированный вывод:

.test {
  background-image: url("/images/ui-baseline.svg");
}

Я что-то пропустил? Принимает ли функция корневые относительные пути?

Я использую Koala, и он обновляется, используя меньше 1.7

Спасибо


svg less data-uri
person Matt    schedule 18.07.2014    source источник
comment
Скорее всего проблема в пути (data-uri возвращается к url, если не может найти указанный файл). Относительный путь будет "images/ui-baseline.svg" без косой черты.   -  person seven-phases-max    schedule 18.07.2014
comment
Будет ли это относиться к меньшему файлу или к моему файлу css?   -  person Matt    schedule 18.07.2014
comment
По умолчанию он относится к каталогу основного файла (то есть того, который вы фактически компилируете). (Также обратите внимание, что компилятор не знает о каких-либо относительных путях корня, поскольку он понятия не имеет, где будет находиться корень вашего сайта во время компиляции). См. сопутствующие параметры (но я не могу вспомнить, были ли какие-либо из этих может повлиять на data-uri).   -  person seven-phases-max    schedule 18.07.2014
comment
Я попробовал это, но до сих пор не радость. Еще немного почитав, я думаю, что ieCompat включен по умолчанию, я проверил доступные документы в Koala. Он предложил изменить настройку проекта (ctrl + щелчок/щелчок правой кнопкой мыши по проекту), но я не уверен, что я делаю в этот момент   -  person Matt    schedule 20.07.2014

Ответы (1)


arrow_upward
0
arrow_downward

Решено!

проблема заключалась в том, что Koala требует локальной установки less.

https://github.com/oklai/koala/issues/262#issuecomment-49688887

person Matt    schedule 22.07.2014