我使用的是LESS样式语言.
考虑以下CSS:
.side-bg
{
background:url(../img/layout/side-bg.jpg) top no-repeat;
}
Run Code Online (Sandbox Code Playgroud)
现在我的所有图像都在../img/我希望能够将变量设置为图像路径的文件夹中,并像这样使用它:
@image-path: ../img;
.side-bg
{
background:url(@image-path/layout/side-bg.jpg) top no-repeat;
}
Run Code Online (Sandbox Code Playgroud)
但这不起作用.它不是一个大问题,如果图像文件夹发生变化,我总是可以使用查找和替换.我刚刚开始学习LESS,并想知道这样的事情是否可行.
似乎LESS的URL导入策略没有考虑与CSS相同的相对路径.
test.less
@import "sub/test.less";
div.a {
background-image:url('imagea.jpg');
}
Run Code Online (Sandbox Code Playgroud)
sub/test.less
div.b {
background-image:url('imageb.jpg');
}
Run Code Online (Sandbox Code Playgroud)
output.css
div.b {
background-image:url('imageb.jpg');
}
div.a {
background-image:url('imagea.jpg');
}
Run Code Online (Sandbox Code Playgroud)
correct_output.css
div.b {
background-image:url('sub/imageb.jpg');
}
div.a {
background-image:url('imagea.jpg');
}
Run Code Online (Sandbox Code Playgroud)
有没有办法从LessJS获取此行为或这是实现中的错误?