Sass

Question

我在使用 VS2015 Update 1 和 Sass 时遇到 Web 编译器问题。

在我的 Scss 文件中，我将一些图像声明为背景。

示例：

.example {
     background-image: url(images/ex.jpg);
}

在文件compilerconfig.json中，outPutFile 不在同一目录中。在文件 compilerconfig.json.defaults 中，我在 sass 部分将 relativeUrls 设置为 false。当我编译时，url 变得相对像：

.example {
         background-image: url(../../../../../images/ex.jpg);
    }

导入文件也有同样的问题

有什么办法可以解决吗？

Answer 1

我找到了如何禁用相对 URL：该选项不是在文件 compilerconfig.json.defaults 中设置，而是在 compilerconfig.json 中设置：

[
  {
    "outputFile": "../../../../../inetpub/wwwroot/ui/skins/test.css",
    "inputFile": "Web/Stylesheets/test.scss",
    "minify": {
      "termSemicolons": true
    },
    "options": {
      "relativeUrls": false,
      "lineFeed": "crlf"
    }
  }
]

Sass - Web 编译器将 Url 替换为亲戚 url

Sass - Web Compiler replaces Url as relatives urls

css

web-compiler