2012-06-07 97 views
5

爲了根據the documentation實現由拼合指南針我寫這樣的:拼合羅盤

// web/sass/icons.scss 
@import "../images/icons/*.jpg"; // for any cases also tried .png 
@include all-icons-sprites; 

,並得到了錯誤:

error sass/icons.scss (Line 2: File to import not found or unreadable: ../images/icons/*.jpg. 

我不認爲路徑是錯誤的,因爲還試圖完整路徑。

的結構是這樣的:

+ web 
    - sass 
    + icons.scss 
    + ... 
    - images 
    + icons 
     - icon1.jpg 
     - icon2.jpg 
     - ... 

回答

7

羅盤對於精靈使用在config.rb定義的路徑。

所以,如果你有這樣的結構:

+ web 
    + sass 
    - icons.scss 
    + images 
    + icons 
     - icon1.png 
    + config.rb 

在你config.rb你應該有一些與此類似:

... 
images_dir = "images" 
sass_dir = "sass" 
... 

然後在你的icons.scss你應該這樣做:

// web/sass/icons.scss 
@import "icons/*.png"; // for any cases also tried .png 
@include all-icons-sprites; 

因爲導入是相對於images dir我們在上面定義了ectory。

一定要了解配置文件,因爲它可能會非常棘手http://compass-style.org/help/tutorials/configuration-reference/

+0

謝謝。這聽起來很合理。但是,它也不起作用:'導入未找到或無法讀取的文件:圖標/ *。jpg'。有趣的部分是,對於背景圖像,例如,在scss文件中,我使用'background:url(../ images/somepic.png)',它可以工作 – seferov

+5

我沒有先看看你試圖導入的圖標,但Compass僅支持PNG的精靈。這不是寫在教程中,但在助手部分,你可以找到:http://compass-style.org/reference/compass/helpers/sprites/ –

+1

,它也應該是'@include all-icons-sprites' :) – seferov

0

這個線程是與羅盤spiriting安靜舊但冷靜的解決方案是在這裏 on github