css - Compass Sass 预处理器元素目录

Question

我最近开始使用 compass 作为 sass 预处理器，但在 XAMPP 本地主机环境中它如何读取我的元素目录路径时遇到了问题。

我的 compass 配置文件如下:

css_dir = "CSS" # by Compass.app 
sass_dir = "SASS" # by Compass.app 
images_dir = "IMG" # by Compass.app 

我的问题: 我在 htdocs 的子目录中有一个元素，我正在尝试使用“图像 url”助手。当声明 image-url 时，它会像这样渲染到 css 文件

/IMG/imagename.png

在执行此操作时，它指回本地主机根目录，而不是元素目录。这显然只在我的本地机器上是一个问题，一旦我推送到生产服务器应该不是问题，但这仍然是一个问题，因为我在开发生产代码时无法使用该助手。

图像源应该是这样的: http://localhost/bliorg/IMG/header_fortify.png

但呈现如下: http://localhost/IMG/header_fortify.png

注意 'bliorg' 是实际的元素目录...它是本地主机的子目录

我的问题:

是否可以在 compass 配置文件中将子目录声明为我的主元素目录？还是我完全忽略了重点？

Answer 1

我必须在 config.rb 中设置“relative_assets = true”，以便它引用子目录路径作为元素根目录

注意: 在使用 compass 应用程序时，它似乎没有监控对 config.rb 文件的手动更改

为了覆盖 config.rb 文件，我必须删除 config.rb 文件，从 Compass 应用程序中打开“更改选项”并选中 Sass 选项下的“相对 Assets ”。