使用Webby/Compass集成时，*.sass文件放在哪个目录？

Question

我只是设置了Webby/Compass integration。(https://github.com/Compass/compass/wiki/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，所以我不是百分之百确定。

Answer 3

好的，在this repository里找到的

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