有没有办法为LESS文件设置公共图像路径？

Question

我正在使用LESS样式语言。

考虑以下CSS：

.side-bg
{
    background:url(../img/layout/side-bg.jpg) top no-repeat;    
}

现在，我所有的图像都在文件夹中，../img/我希望能够将变量设置为图像路径并像这样使用它：

@image-path: ../img;

.side-bg
{
    background:url(@image-path/layout/side-bg.jpg) top no-repeat;   
}

但是，这不起作用。这没什么大不了的，如果映像文件夹发生更改，我总是可以使用 查找和替换 。我刚刚开始学习LESS，并且想知道是否有可能这样做。

Answer 1

尝试将字符串插值用于此类情况。在docs中寻找“变量插值” 。

@base-url: "http://assets.fnord.com";
background-image: url("@{base-url}/images/bg.png");