node.js - Get SASS to (auto) compile from specific files into different folders -


मुझे /source/sass/skin1_settings.scss मिलता है जिसमें से आयात होता है / विक्रेताओं / नींव / , उस शैली के लिए कुछ विशिष्ट सेटिंग्स और app.scss मैं अपने नोड को चाहूंगा। JS इसे सीधे /skin/skin1/css/app.css में संकलित कर सकता हूँ, मैं यह कैसे कर सकता हूं?

एनबी: यह दूसरी शैली के लिए यही सौदा है।

मैं एक्सप्रेस के साथ नोड- sass का उपयोग करने के लिए उपयोग कर रहा हूं।

  ऐप। उपयोग (sass ({src: [sass_folder], dest: [css_folder], डीबग: सच,}));  

और यहां मेरा पेड़ संरचना है, धन्यवाद।

  ./ + - विक्रेताओं / & lt; - बाहरी विक्रेताओं से तृतीय-पक्ष लिब्स + - Jquery / + - फाउंडेशन / + - एन्ज्युलर / + - आधुनिक / + - source / + - sass / & lt; - कस्टम स्टाइलशीट (प्रोड सर्वर पर मौजूद नहीं है) + - त्वचा 1_settings.scss + - Skin2_settings.scss + - app.scss + - त्वचा / + - त्वचा 1 / + - आईएमजी / & lt; - आयातित छवियां (.. @ 2x, .. @ 3x) + - सीएसएस / & lt; - उत्पन्न स्ट्रशेट + - त्वचा 2 / + - आईएमजी / & lt; - आयातित छवियां (.. @ 2x, .. @ 3x) + - सीएसएस / & lt; - उत्पन्न स्ट्रशेट + - html / & lt; - HTML Mockups + --...  

सीएसएस में एसएएसएसए की स्वचालित संकलन करने के लिए अक्सर विकल्प हैं: यू (यानी नोड। जेएस आधारित है), मैं उस आखिरी बार का उपयोग करने की सलाह देता हूं, आपको जरुरत है:

  • स्थापित करें
  • इंस्टॉल करें (आप भी कर सकते हैं प्लगइन का उपयोग करें)
  • प्रोजेक्ट के लिए कड़ी मेहनत विन्यास फाइल सेट करें, यहां आप कह रहे हैं कि आप कहां चाहते हैं कि प्रत्येक सीएसएस फ़ाइल को संकलित किया जाए (उपरोक्त libsass पृष्ठ की जांच करें, वहां पर कॉन्फ़िगरेशन नमूने हैं)।

जब आप इस परियोजना पर काम करने जा रहे हैं, तो फाइलों को देखने के लिए कर्कश कॉन्फ़िग का उपयोग करें और वह यह है, अपनी फ़ाइलें संपादित करें और ग्रन्ट्स को संकलित करता है (यदि आवश्यक हो तो आप कंसोल में त्रुटियों के लिए देख सकते हैं)। < / P>

आशा है कि यह आपकी सहायता कर सकता है।


Comments