如何使用Compass SASS设置编译CSS的路径

Question

我一直在环顾四周，这似乎是一个相当分散的问题，但我找不到解决方案。

我在these instructions

之后设置了我的第一个指南针项目

我的文件夹项目名为sass-test

我有我的css文件

• screen.css
• print.css
• ie.css
• config.rb

我的config.rb内部以这种方式设置

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

然后我的sass文件夹包含：

• screen.scss
• print.scss
• ie.scss

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

compass compile sass-test/sass/screen.scss

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

• 样式表
• 测试
• SASS 。在此文件夹中，Compass编译screen.css

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

我怎样才能实现这一目标？我也查阅了article阅读所有评论，但我无法弄清楚问题。

我还尝试通过 liveReload预处理器设置Outputfolder来编译它，但它仍然在“错误”路径中编译screen.css。

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

此处打印屏幕为

由于

Answer 1

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

css_dir = "./"

您可能还需要启用相对网址。

Answer 2

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

Answer 3

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

cd sass-test
compass compile sass/screen.scss

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

Answer 4

如果您希望每次都使用罗盘使用的文件夹的默认值，这也可能有所帮助（一次只需编辑您的config.rb）

编辑/添加以下内容到〜/ .bash_profile

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