Compass Sass Pre-Processor 项目目录

Question

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

我的指南针 config.rb 如下：

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

我的问题： 我在 htdocs 的子目录中有一个项目，我正在尝试使用“image-url”助手。声明 image-url 时，它会像这样呈现给 css 文件

/IMG/imagename.png

在这样做时，它指的是本地主机根目录，而不是项目目录。这显然是仅在我的本地机器上的问题，一旦我推送到生产服务器就不应该成为问题，但这仍然是一个问题，因为我在开发生产代码时无法使用该帮助程序。

image src 应该是这样的： http://localhost/bliorg/IMG/header_fortify.png

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

注意 'bliorg' 是实际的项目目录...它是 localhost 的子目录

我的问题：

是否可以在 compass 配置文件中将子目录声明为我的主项目目录？还是我完全没有抓住重点？

Answer 1

我必须在 config.rb 中设置“relative_assets = true”，才能将子目录路径引用为项目根目录

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

为了覆盖 config.rb 文件，我不得不删除 config.rb 文件，从 Compass 应用程序中打开“更改选项”并检查 Sass 选项下的“相对资产”。