Webby/Compass Integration을 사용할 때 *.sass 파일은 어떤 디렉토리에 들어가나요?

Question

방금 설정합니다 웹비/나침반 통합. (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를 직접 사용하지 않았으므로 100% 확실하지 않습니다.

Answer 3

알았어 이 저장소

분명히 그것은 Webby 프로젝트의 ./content/stylesheets 디렉토리에 속하며 ./output/stylesheets 디렉토리로 출력됩니다.

Answer 4

저를 당황시키는 것은 "왜"이런 식으로 작동합니다. 왜 file.join? 기본 "SRC"가 새 문자열에 합류하기보다는 "스타일 시트"로 대체되는 것 같습니다. 궁금한.