less import不同目录的文件时,被import的文件中的路径处理

/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);
}

虽然能解决问题,但是感觉这样做有点傻。
另外,万一有变量名冲突也麻烦。
请教,有没有更优雅的解决方案?

阅读 4k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏