SASS 文件中的图像路径已包含在哪些文件中？

Question

我的项目在根目录中有一个主 SASS 文件。我还有一个文件夹，里面有 _other.sass 和 icon.png。

main.sass
folder/_other.sass
folder/icon.png

我的主 SASS 文件包括我的其他 SASS 文件：

在 main.sass 中：

@include 'folder/other'

在 _other.sass 中：

div {
    background: url(icon.png);
}

在这种情况下，图像的路径是否应该正确解析？从 _other.sass 的角度来看，路径是正确的，但相对于 main.sass，它是不正确的。

Answer 1

由于所有编译后的代码都将包含在您的最终 *.css 文件中，因此所有 url 都必须与生成的 *.css 文件相关。在您发布的代码中，url 被分配为常规 css 代码，因此不会以任何方式进行转换。

如果你要使用compass，这是对 sass 的一个很好的扩展，你可以使用提供的函数 f。一世。 those 生成所需的网址。使用 compass，您可以配置所有基本路径和类似的东西，sass 本身不会为您这样做。