我刚刚设置了Webby/Compass 集成。(https://github.com/Compass/compass/wiki/webby-integration)
我将 Compass/Sass 源文件放在哪里,它们在哪个目录中作为样式表获得输出?
我刚刚设置了Webby/Compass 集成。(https://github.com/Compass/compass/wiki/webby-integration)
我将 Compass/Sass 源文件放在哪里,它们在哪个目录中作为样式表获得输出?
您可以将您的 SASS 文件放在您想要的任何位置(在 'content/' 目录下)。因此,如果包含您的 CSS 文件的目录是“content/css”,则将它们放在那里。
唯一重要的是在 SASS 文件本身的顶部正确设置元数据部分。像这样:
$ cat content/css/site.sass
---
filter: sass
extension: css
layout: nil
---
[..cut..]
看起来您可以从文档中自己设置源文件:
Compass.configuration do |config|
config.project_path = File.dirname(__FILE__)
config.sass_dir = File.join('src', 'stylesheets' )
end
看起来它默认为“src/stylesheets”。当你构建它时,它可能会被渲染为“输出/css/”,但我自己从未使用过 webby,所以我不能 100% 确定。
好的,在这个存储库中找到它
显然它属于您的 webby 项目的 ./content/stylesheets 目录,并输出到 ./output/stylesheets 目录。
令我困惑的是“为什么”它会以这种方式工作。为什么选择 File.join?看起来默认的“src”正在被“stylesheets”取代,而不是加入一个新的字符串。好奇的。