2013-03-31 3 views
0

sass @import를 사용하여 다른 것을 가져 오는 래퍼 스타일 시트가 있고 변경 사항을 보려면 guard를 사용할 때 가져온 파일 중 하나만 변경하면 자동으로 래퍼 스타일 시트를 컴파일하지 않습니다. . 예 :Guard가 모든 SCSS 스타일 시트를 컴파일하지 않음

/* This is viewports.scss, which must compile into viewports.css */ 
@media only screen and (min-width: 480px) { 
    @import "480.scss"; 
} 

@media only screen and (min-width: 768px) { 
    @import "768.scss"; 
} 

@media only screen and (min-width: 1024px) { 
    @import "1024.scss"; 
} 

예를 480up.scss에 대한 수정, 그것은으로 480up.css, 로 예상 때문에 컴파일하지만 가드는 viewports.css로 가져 오기되지 않습니다 종속성을 인식하지 않는 것 같다. 이 사용은 하나의 컴파일 된 CSS에서 반응 형을 구현하지만 코드를 별도의 scss 파일에 작성하려는 경우 중요합니다.

Guard를 사용하는 경우 sass 명령을 사용하면 예상되는 동작을 얻을 수 있습니다.

해결 방법이 있습니까? 추가 구성이 필요합니까?

답변

0

Guard는 파일의 종속성에 대해 알지 못하고 파일 시스템 수정시 이벤트를 쉽게 처리 할 수있는 기반을 제공합니다. 그것은 적극적으로 유지 년대 이후

나는, 가드 말대꾸를 선택할 것 : 저는 두 가드 플러그인 말대꾸 거기에 있습니다 참조하십시오. 문서를 읽을 때

:smart_partials => true # Causes guard-sass to do dependency resolution and only 
         # recompile the files that need it when you update partials. 
         # If not on, then guard-sass will update all files when a 
         # partial is changed. 
         # default: false 

가드 - 씨스가 이미 귀하의 사례를 올바르게 처리하고있는 것 같습니다.