Question

我的编译.css文件存放在我的应用程序的多个不同目录中，而我之前使用的Sass编译器只是将.scss文件编译成.css文件，无论它们在哪个目录中。

指南针似乎需要一个可以配置的“输出”目录，所有已编译的.css文件都会转到，并且只能查看单个文件夹。

如何告诉Compass简单地编译到.scss文件的位置？

Answer 1

Compass使用名为config.rb的ruby配置文件。用户可以在其中设置资源的各种路径，输出样式以及CSS输出的路径。

指南针网站上的文档：http://compass-style.org/help/tutorials/configuration-reference/

这是我通常用于项目的示例，它将我的CSS编译到与SCSS不同的位置。如果您希望它位于同一个地方，您可以使用.作为路径（单个句点），这将告诉它使用命令编译到与您watch的目录相同的目录中线。

# Set this to the root of your project when deployed:
http_path = "/www/"
sass_dir = "sass"
images_dir = "../www/lib/cssimgages"
javascripts_dir = "../www/lib/js"
fonts_dir = "../www/lib/fonts"
css_dir = "../www/lib/css"

# You can select your preferred output style here (can be overridden via the command line):
# output_style = :expanded or :nested or :compact or :compressed
output_style = :compact

我同意其他一些评论。您的HTTP请求应保持尽可能低，可能只涉及一个样式表用于移动优先样式，另一个样式表用于媒体查询中的样式。但这并不能回答你的问题。

Answer 2

傻我（然后）。指南针也这样做。只需在sass文件中选择css和config.rb dirs作为项目的最高父文件夹，罗盘将递归循环并将css编译成sass，无论它在哪个目录中找到它

sass_options = {:cache_location => "./temp/.sass-cache"}
http_path = "/"
css_dir = "therootdirectory"
sass_dir = "therootdirectory"
images_dir = "therootdirectory/assets/images/sprites"
javascripts_dir = "javascripts"

指南针将.css输出路径设置为与.scss相同的位置

2 个答案: