Web要点改变编译的css中的相对路径

Question

我在一个项目中使用Web Essentials 2013来编译更少的css构建/保存.但是,我在编译时遇到问题,WE正在篡改字体/图像的相对路径等.

例如:

.footer {
    background: url('../img/footer_background.svg') no-repeat top center;
 }

变为:

.footer {
  background: url('img/footer_background.svg') no-repeat top center;
}

我记得之前有一个simillar问题,但在web essentials CSS选项中将"调整相对路径"设置为false然后修复它.它现在似乎没有这样做.我已经尝试了最新的稳定和最新的夜间,都给出了相同的行为.

有什么建议？:)

Answer 1

我也使用 Web Essentials for LESS，虽然我还没有看到它这样做，但我为您提供了更好的解决方案。不要在代码中写出路径，特别是如果您更改的只是末尾的文件名，请尝试为路径使用变量。例子：

@imgURL: "../img";

然后要使用它，您需要做的是：

.footer{
background: url("@{imgURL}/footer_background.svg");
}