2013-07-03 70 views
3

即時通訊使用grunt-contrib-compass pluckin,我只是不能讓它行爲我想要的方式,問題是我的css文件中的圖像路徑錯了。指南針(grunt-contrib-compass)精靈路徑問題

一直在玩與周圍的parameters,但我不能算出它(sadface)

我的文件夾:

/root 
    /assets 
     /css 
     /images 
      /sprites <-- generated images 

而在我gruntfile.js配置

compass: { 
     dist: { 
      options: { 
       sassDir: 'src/scss' 
       ,cssDir: 'assets/css' 
       ,raw: 'preferred_syntax = :sass\n' 

       ,imagesDir:    "assets/images/" 
       //,imagesPath:   "assets/images/sprites/" 
       ,generatedImagesDir: "assets/images/sprites/" 
       ,generatedImagesPath: "assets/images/sprites/" 

      } 
     } 
    } 

image url in我的CSS文件:

/assets/images/sprites/interface-s04f47928b4.png 

但它確實應該:

../images/sprites/interface-s04f47928b4.png 

回答

5

,所以我想通了(finaly)

,imagesDir:    "assets/images/" 
,generatedImagesDir: "assets/images/sprites/" 
,generatedImagesPath: "assets/images/sprites/" 
,httpGeneratedImagesPath: "../images/sprites" 
+0

你的答案是非常有幫助!我需要一個輸入(im​​agesDir)和一個輸出(generatedImagesDir)來處理我的精靈,並且這樣做。順便說一句,generatedImagesPath對我來說不是必要的。 –

+0

謝謝你,一直在苦苦掙扎! –