2013-09-04 2 views
0

저는 Yeoman과 Compass를 사용하여 부트 스트랩 SASS 파일을 컴파일하고 있습니다. My Yeoman 앱은 내 웹 서버의 기본 디렉토리에 없으며 "ui"라는 디렉토리에 있습니다. CSS 파일이/ui/images를 가리켜 야 할 때 이미지를 가리키기 때문에 부트 스트랩 이미지에 404가 없습니다. 나는 아래로 내 Gruntfile의 나침반 옵션을 수정 시도했다 그러나 생성 된 CSS에서 아무것도 변경하지 않는 것 : 내가 진정한 동일 relativeAssets을 설정하면 변화를하지 않는 것Compass에서 사용하는 HTTP 이미지 경로 변경

 compass: { 
     options: { 
      sassDir: '<%= yeoman.app %>/styles', 
      cssDir: '.tmp/styles', 
      imagesDir: '<%= yeoman.app %>/images', 
      javascriptsDir: '<%= yeoman.app %>/scripts', 
      fontsDir: '<%= yeoman.app %>/styles/fonts', 
      importPath: '<%= yeoman.app %>/bower_components', 
      httpImagesPath: '/ui/images', 
      httpGeneratedImagesPath: '/ui/images/generated', 
      relativeAssets: false 
     }, 
     dist: {}, 
     server: { 
      options: { 
       debugInfo: true 
      } 
     } 
    }, 

또는 거짓. 도와 주셔서 감사합니다!

답변

1

Yeoman 앱이 generator-webapp에 의해 생성되었고 부트 스트랩 2.x.x가 포함 된 경우 app/styles/main.scss에 다음 코드가 표시됩니다.

$iconSpritePath: "../images/glyphicons-halflings.png"; 
    $iconWhiteSpritePath: "../images/glyphicons-halflings-white.png"; 

원하는대로이 경로를 수정할 수 있습니다.

+0

굉장! 나는 이것을 더 복잡하게 만들었다. 감사! – InPursuit

+0

안녕하세요. 나는 그것을 듣게되어 기쁘다. – eqot