如何设置路径以使用 Compass SASS 编译我的 CSS答案

【问题标题】：How to set the path to compile my CSS with Compass SASS如何设置路径以使用 Compass SASS 编译我的 CSS
【发布时间】：2013-01-03 00:57:40
【问题描述】：

我一直在环顾四周，这似乎是一个非常普遍的问题，但我没有找到适合我的情况的解决方案。

我在these instructions 之后建立了我的第一个 Compass 项目

我的文件夹项目叫做 sass-test

我有我的 css 文件

我里面的config.rb就是这样设置的

http_path = "/"
css_dir = "stylesheet"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts"

然后我的 sass 文件夹包含：

我在我的 screen.scss 文件中做了一些更改，然后我通过终端给出这个命令来编译它

compass compile sass-test/sass/screen.scss

现在 COMPASS 会自动生成新文件夹

我不希望我的 screen.css 在那里编译，但我希望它在我的 sass-test 中已经存在 screen.css 文件。

我怎样才能做到这一点？我也在article 中查找了所有的 cmets，但我无法弄清楚问题所在。

我也尝试通过 liveReload 预处理器设置输出文件夹来编译它，但它仍在“错误”路径中编译 screen.css。

如何向 Compass 提供指令以在我的 sass-test 中编译我的 screen.css 文件？

这里是打印屏幕

谢谢

【问题讨论】：

【解决方案1】：

您需要更改 config.rb 中的 css_dir = "stylesheet" 以指向您希望编译后的 CSS 文件所在的位置。在你的情况下，听起来你想要它：

css_dir = "./"

您可能还需要启用相对 URL。

【讨论】：

感谢您的回答，我已尝试按照您所说的 css_dir="./" 进行编辑，但它仍在其他路径中编译。我已遵循所有指示，这正是我的情况github.com/thesassway/sass-test/blob/master/config.rb。如何启用相对 URL？
取消注释第 15 行：# relative_assets = true
我也已经这样做了，因为我在这里查看backtothefront.net/2011/compass-sass-quick-start-guide，但编译不正确。这是我现在的 config.rb： http_path = "/" css_dir = "./" sass_dir = "sass" images_dir = "images" javascripts_dir = "javascripts" output_style = :expanded relative_assets = true
尝试在 config.rb 所在的 sass-test 目录中运行命令。想知道目录名称中的连字符是否会混淆它。
这是当前版本。 sass-test 目录外没有任何杂散的 config.rb 文件吗？

【解决方案2】：

好的，我已经解决了这个问题，我从一开始就以不同的方式调用项目（没有任何连字符）然后我通过 LiveReload 预处理器设置输出文件夹，并且每当我编辑任何 scss 文件时，它都会直接编译为相对样式表文件夹中的 css 文件。这样我不使用任何命令行

【讨论】：

【解决方案3】：

由于项目配置文件中定义的所有路径都是相对于当前shell路径的，所以你必须从你的项目根目录下运行命令compass，也就是说，由于目录sass-test：

cd sass-test
compass compile sass/screen.scss

或者只是命令compass compile 来编译所有文件。

【讨论】：

【解决方案4】：

如果您希望每次都为 compass 使用的文件夹设置不同的默认值，这也可能会有所帮助（只需编辑您的 config.rb）

编辑/添加以下内容到您的 ~/.bash_profile

alias compass_init="compass init --syntax=sass --css-dir=css --javascripts-dir=js"

【讨论】：