2012-02-15 19 views
7

मैं यह पता लगाने की कोशिश कर रहा हूं कि कम्पास ने .sss फ़ाइलों को संकलित करने के बाद .css फ़ाइलों को मर्ज करने के लिए किसी तृतीय पक्ष टूल का उपयोग करने के बजाय .css फ़ाइलों को विलय कर सकते हैं। मैंने वेब के चारों ओर और यहां पर देखा है लेकिन अब तक कुछ भी नहीं है। मैंने सोचा कि config.rb के लिए एक विकल्प हो सकता है लेकिन मुझे जो भी मिला वह संपीड़न सुविधा है।कंपास विलय .css फ़ाइलों को विलय कर सकते हैं?

किसी ने भी इस कोशिश की है या एक तृतीय पक्ष उपकरण मिला है जो कंपास के साथ अच्छी तरह से काम करता है?

+0

क्या आप इस विषय को देखते हैं? http://stackoverflow.com/questions/5688291/how-to-merge-css-files-with-sass-or-other-tool –

+0

@ cram1010 हाँ धन्यवाद, मैंने पोस्ट करने से पहले इसे पढ़ा ... मैं विलय करने की उम्मीद कर रहा था कम्पास के माध्यम से .css लेकिन उत्तर या सुझावों की कमी के साथ मैं बस एक तृतीय पक्ष टूल के साथ जा सकता हूं। –

+0

हाँ, मुझे लगता है कि कंपास के साथ कोई रास्ता नहीं है :( –

उत्तर

15

मैं कुछ समय के लिए यह वही काम करना चाहता था। मैं अंत में निम्नलिखित समाधान पर बस गया।

निम्नलिखित संरचना

  • परियोजना
    • सास
      • मॉड्यूल
        • header.scss (sass की एक उप-फ़ोल्डर में अपने मॉड्यूल के साथ यानी) ले लो
        • ब्लॉग-posts.scss
        • footer.scss
        • कुछ-else.scss
      • main.scss
    • स्टाइलशीट

अद्यतन main.scss को रोकने के लिए:

@import 'modules/header.scss'; 
@import 'modules/blog-posts.scss'; 
@import 'modules/footer.scss'; 
@import 'modules/something-else.scss'; 

(project फ़ोल्डर से) निम्न कमांड चलाएं आदेश

compass compile . sass/main.scss -s compressed 

यह सिर्फ संकलित main.scss, जो inturn चला जाता है और आयात अपने मॉड्यूल से प्रत्येक के निर्माण के लिए। इसके अतिरिक्त compressed शैली विकल्प आउटपुट को कम करता है।

+0

ग्रेट उत्तर, मैं इसका उपयोग करूँगा ... धन्यवाद दाढ़ी! –

+0

ओएमजी इतना आसान। मैं कभी-कभी इतना गूंगा हूं ... – ZeeCoder

1

यह संपीड़न नहीं है, लेकिन आप फ़ाइलों को उनके नाम पर अंडरस्कोर तैयार करके आउटपुट निर्देशिका में कॉपी करने से बाहर कर सकते हैं। उदाहरण के लिए:

scss/ 
    _core.scss // will not be copied 
    theme.scss // @import 'core'; 
css/ 

compass compile 
    create ../css/theme.css 

css/ 
    theme.css 
संबंधित मुद्दे