/folder1/a.less
@import url("../folder2/b.less");
/folder2/b.less
.test {
background-image: url(bb.png);
}
====> /folder1/a.css
.test {
background-image: url(bb.png);
}
输出文件a.css里的路径明显就不对了。
我现在的处理方法是加了一个变量
/folder1/a.less
@import url("../folder2/b.less");
@path: "../folder2/";
/folder2/b.less
@path: "";
.test {
background-image: url('@{path}bb.png');
}
====> /folder1/a.css
.test {
background-image: url(../folder2/bb.png);
}
虽然能解决问题,但是感觉这样做有点傻。
另外,万一有变量名冲突也麻烦。
请教,有没有更优雅的解决方案?