2012-10-23 11 views
9

पर संकलित करें, जबकि मैं अपनी परियोजना का विकास कर रहा हूं, मेरे पास तीन फाइलें हैं, "main.css", "about.css" और "news.css" (उदाहरण के लिए)। क्या उत्पादन के लिए उन्हें "अंतिम.css" में संकलित करना संभव है?सास, कम्पास, सभी सीएसएस फ़ाइल को एक

@import 'main'; 
@import 'about'; 
@import 'news'; 

तब आप अपने फ़ाइलों का नाम करने के लिए आवश्यकता होगी "एससीएसएस: तो आप एक फ़ाइल final.scss जिनकी सामग्री हैं बना सकते हैं

उत्तर

32

एस.ए.एस.एस. import directive, दूसरे में एक फ़ाइल की सामग्री को आयात करने के लिए प्रयोग किया जाता है "एक्सटेंशन ताकि आयात निर्देश उन्हें मिलेगा। आप main.scss, about.scss, और news.scss फ़ाइलों को संकलित करने नहीं करना चाहते हैं सीएसएस खुद को फाइल करने के लिए, आप एक अंडरस्कोर से फ़ाइल नाम लगाकर द्वारा partials का उपयोग कर सकते हैं (जैसे, _main.scss, _about.scss, _news.scss)।

+0

क्या यह एक सीएसएस फ़ाइल में सभी स्कैस को संकलित करने का पसंदीदा तरीका है? – Vincent

+1

हां, आमतौर पर। सभी सीएसएस को एक फ़ाइल में जोड़कर प्रति पृष्ठ HTTP अनुरोधों की संख्या को कम करके प्रदर्शन में मदद मिलती है। यहां एक अच्छा संदर्भ दिया गया है: http://developer.yahoo.com/performance/rules.html#num_http – hopper

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