컴퍼스 스프라이트, Yeoman, 그란트 & 이미지 참고서는 잘 결합하지 않습니다.

Question

요.

내가 간단한 내 웹 애플리케이션에 spriteSet 가지고 : 문제없이 스프라이트 이미지를 생성

@import "icons/*.png"; 
@include all-icons-sprites; 

그런트 또는 나침반, 내 이미지 폴더 안에, 그 나의 보좌관 프로젝트 (더 버린 특별한 YO 내부 구성되었다. 새 이미지)

이미지가 잘 생성되었지만 CSS로 출력되는 내용이 잘못되었습니다. domain.com\app\images\

처럼 그는 내 응용 프로그램 폴더에 검색, 뭔가 내가 봤와 grunt-contrib-compass이 [httpGeneratedImagesPath][1]처럼 많은 이미지 URL의 API를 제공하는 것을보고, 그러나이 돈`t은 내 보좌관 프로젝트 안에 표시하는 것, 그리고 내가하면 그들은 그것을 아래로 호감 GruntFile.js 안에 배치하십시오.

누구나 전에이 문제가 발생 했습니까?

감사합니다.

Answer 1

링크 : 해결 https://github.com/yeoman/yeoman/issues/419

주제. 여기에 나를 위해 일한 수정은 다음과 같습니다

이 Gruntfile.js

compass: { 
     options: { 
      ... 
      config: '.compass.rb' //reference for full compass options list 
     } 
    } 

.compass.rb는

images_dir = '/app/images' 
generated_images_dir = '/images' 

Answer 2

yeoman build the compass bootstrap scss images path always prefix