2012-06-07 15 views
5

आदेश में the documentation के अनुसार कम्पास द्वारा spriting प्राप्त करने के लिए मैं यह लिखा:कम्पास spriting

// 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 डीआईआर के सापेक्ष है उपरोक्त परिभाषित एक्टोरी।

विन्यास फाइल को समझने के लिए सुनिश्चित करें

, क्योंकि यह मुश्किल http://compass-style.org/help/tutorials/configuration-reference/

+0

धन्यवाद है। यह उचित लगता है। हालांकि, यह या तो काम नहीं करता है: 'आयात करने के लिए फ़ाइल नहीं मिली या अपठनीय: आइकन/*। jpg'। दिलचस्प हिस्सा यह है कि पृष्ठभूमि छवियों के लिए, उदाहरण के लिए, scss फ़ाइलों में मैं 'पृष्ठभूमि: url (../ images/somepic.png)' का उपयोग करता हूं और यह – seferov

+5

काम करता है मैंने उन आइकनों पर पहली बार नहीं देखा जिन्हें आपने आयात करने का प्रयास किया था , लेकिन कम्पास स्प्राइट्स के लिए केवल पीएनजी का समर्थन करता है। यह ट्यूटोरियल में लिखा नहीं गया है, लेकिन हेल्पर्स सेक्शन में आप यह पा सकते हैं: http://compass-style.org/reference/compass/helpers/sprites/ –

+1

और यह भी 'सभी आइकन-स्प्राइट्स शामिल करें' होना चाहिए :) – seferov

0

इस सूत्र कम्पास के साथ spiriting के लिए शांत पुराने लेकिन शांत समाधान है हो सकता है यहाँ on github

 संबंधित मुद्दे

  • कोई संबंधित समस्या नहीं^_^