我是否误解了data-uri函数?

Question

我正在尝试使用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，它使用的是最新版本

谢谢

Answer 1

解决!

问题是Koala需要本地安装less.

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