使用Webby / Compass Integration时，* .sass文件会进入哪个目录？

Question

我刚设置Webby/Compass integration。 （http://wiki.github.com/chriseppstein/compass/webby-integration）

我在哪里放置Compass / Sass源文件，以及它们在哪个目录中 输出为样式表？

Answer 1

您可以将SASS文件放在任何您想要的位置（在“content /”目录下）。因此，如果包含CSS文件的目录是“content / css”，那么将它们放在那里。

唯一重要的是您在SASS文件本身的顶部正确设置了元数据部分。像这样：

$ cat content/css/site.sass 
---
filter: sass
extension: css
layout: nil
---
[..cut..]

Answer 2

看起来您可以自己设置源文件，来自文档：

Compass.configuration do |config|
  config.project_path = File.dirname(__FILE__)
  config.sass_dir = File.join('src', 'stylesheets' )
end

它看起来默认为“src / stylesheets”。当你构建它时，它可能会被渲染为“output / css /”，但我自己从未使用过webby，所以我不是100％肯定。

Answer 3

好的，在this repository

中找到了它

显然它属于webby项目的./content/stylesheets目录，并输出到./output/stylesheets目录。

Answer 4

令我困惑的是“为什么”它以这种方式运作。为什么要File.join？看起来默认的“src”被“样式表”替换而不是加入新的字符串。好奇。