在他自己

Question

我在将引导程序编译为css时遇到问题。

我正在使用带有Web编译器扩展的Visual Studio。

https://visualstudiogallery.msdn.microsoft.com/3b329021-cd7a-4a01-86fc-714c2d05bb6c

定义了以下变量：

@icon-font-path:          "fonts/";
@icon-font-name:          "glyphicons-halflings-regular";

这是使用变量的部分：

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('@{icon-font-path}@{icon-font-name}.eot');
}

这是结果css：

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
}

问题是该网址以../为前缀。

造成这种情况的原因是，如何获取没有前缀的网址？fonts/glyphicons-halflings-regular.eot？

Answer 1

我找到了解决方案，所以如果有人遇到同样的问题，我会在这里发帖。

修改compilerconfig.json并将relativeUrls选项设为false。 如果未指定，则默认值显示为true。

  {
    "inputFile": "Bootstrap/less/bootstrap.less",
    "outputFile": "Bootstrap/less/output/bootstrap.css",
    "options": { "relativeUrls": false }
  }

使用Web编译器扩展时，这似乎等同于lessc --relative-urls。