SASS 이미지 CSS 캐쉬 파열 (컴퍼스를 통해)

누구든지 SASS에서 캐시 버스터를 구현하는 모범 사례 접근법을 설명 할 수 있습니까? 의미, 내 CSS의 '컴파일', 그것은 이미지 파일에 타임 스탬프를 추가합니다. 예를 들어, SASS 이미지 CSS 캐쉬 파열 (컴퍼스를 통해)

은 다음 SASS 코드 :

!sprite="gubs.gif" 

ul 
    li.selected 
    :background 
     :image= image_url(!sprite) 
     :repeat no-repeat 
     :position= "right" -222px

는 생산해야 : 루비 도구 과즙에서

ul li.selected { 
    background: url(../images/gubs.gif?123456789) no-repeat right -222px 
}

이 자동으로 수행됩니다. 하지만 Compass를 통해 SASS에서이 작업을 수행하는 방법에 대한 설명서를 찾을 수 없습니다.

2009-06-10 Anonymous

컴퍼스 v0.6.5 이상을 사용하고 있는지 확인하십시오.

또한 프로젝트 루트 디렉토리를 기준으로 구성 파일에 images_dir 세트를 설정하고 http_images_path = :relative을 설정해야합니다.

일단 모든 작업을 완료 했는데도 여전히 작동하지 않으면 나침반 메일 링리스트가 가장 좋은 지원을받을 수 있습니다.

2009-06-11 08:15:42 chriseppstein

필자는 최신 v0.6.15 및 관련 세트를 보유하고 있습니다. 여전히 이미지 경로에 캐시 버스터가 추가되지 않습니다. 나는 이것이 SASS에서 실제로 누락 된 기능이라고 생각하십니까? 귀하의 답변 주셔서 감사합니다! –

나침반 v0.10.5에서 매우 잘 작동합니다. 나침반이 이미지를 찾을 수 있도록'images_dir' 및'http_images_dir' 설정 플래그를 설정해야합니다. 나는'relative_assets'을 사용하지 않고 있지만 그것도 잘 작동한다고 생각합니다. –

답변