SCSS和Compass CLI配置

Question

使用sass命令行界面时如何配置指南针？

基本上，我要设置images_dir属性，下面是我一直使用的命令：

sass 
    --compass
    path/to/input.scss
    path/to/output.css

我试过了：

sass 
    --compass
    -c path/to/config.rb
    path/to/input.scss
    path/to/output.css

输出：

WARNING on line 1 of path/to/config.rb:
This selector doesn't have any properties and will not be rendered.
Syntax error: Invalid CSS after "image_dir ": expected selector, was "= "test""
    on line 1 of path/to/config.rb

因此，在使用compass compile命令时，显然-c的工作方式不同。

和

sass 
    --compass
    --images-dir path/to/images
    path/to/input.scss
    path/to/output.css

输出：

OptionParser::InvalidOption: invalid option: --images-dir

如上所述。

我尝试使用compass compile，但我没有项目目录。

compass compile 
    --images-dir path/to/images
    path/to
    path/to/input.scss

输出：

You must compile individual stylesheets from the project directory.

我也尝试了一下：

compass compile 
    path/to

输出：

Nothing to compile. If you're trying to start a new project, you have left off the directory argument.

config.rb刚刚包含：

images_dir = "test"

Answer 1

compass compile读取配置的config.rb文件。

下面是我使用的一个示例项目设置，从config.rb文件开始：

require "susy"

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "public/css"
sass_dir = "private/scss"
images_dir = "public/images"
http_images_path = "/images"

output_style = :expanded # or :nested or :compact or :compressed

# To disable debugging comments that display the original location of your selectors. Uncomment:
line_comments = true

我的项目设置如下：

private/scss    # scss files. I use a main file that handles imports itself
public/images   # images
public/css      # built css here
config.rb       # contents included above

为了构建它，我在项目的根文件夹中运行以下命令：

bundle exec compass compile private/scss/layout.scss