सास बॉवर घटकों को आयात करना

Question

मैं COMPASS से लिब्सस तक चले गए हैं, गति बहुत बढ़िया है, लेकिन मुझे यह काम करने के लिए कुछ बॉवर घटकों का उपयोग करने की आवश्यकता है।

यह थोड़ा सा पैडेंटिक हो सकता है लेकिन मुझे अपनी स्कैस फ़ाइल के शीर्ष पर इस तरह के मेरे घटक आयात करना होगा।

@import "../bower_components/compass-mixins/lib/compass"; 
    @import "../bower_components/susy/sass/susy"; 

यह बदसूरत है, वहाँ एक रास्ता या तो घुरघुराना के माध्यम से या फ़ाइलें उर्फ ​​उन्हें आयात करने के लिए तो मैं

@import "compass"; 
@import "susy"; 

Answer 1

कर सकता है आपकी निर्भरता प्रबंधन करने के लिए (https://github.com/stephenplusplus/grunt-wiredep) आप ग्रंट Wiredep का उपयोग कर सकते है, अपने main.scss फ़ाइल में फ़ाइलों को स्वचालित रूप से जोड़ने के लिए।

अपनी wiredep कॉन्फ़िगरेशन में main.scss जोड़ें।

wiredep: { 

    task: {  

    src: [ 
     'app/styles/main.scss', // .scss & .sass support... 
    ] 
    } 
} 

और अपने main.scss फ़ाइल में इस पॉप।

// bower:scss 
// endbower 

आशा है कि आपकी मदद करता है!

sass: { 
     dev: { 
      options: { 
       style: 'expanded', 
       compass: false, 
       loadPath: 'bower_components' 
      }, 
      files: { 
       '<%= project.css %>/style.css': '<%= project.scss %>/style.scss' 
      } 
     } 
    }, 

बस के बाद:

Answer 2

मैं बस, इस मामले में Gruntfile.js साथ घुरघुराना इस्तेमाल किया loadPath जोड़ने, bower_components फ़ोल्डर के स्थान के साथ, यह मेरे मामले में एक परियोजना के रूप में एक ही स्तर में है अपना @ आयात अनुभाग बदलें:

@import "compass-mixins/lib/compass"; 
@import "susy/sass/susy";