विभिन्न कम फ़ाइलों में चर का उपयोग कैसे करें?

Question

मान लें कि मैं कम फ़ाइलों को व्यवस्थित करने के लिए आसान होने के लिए कई कम फ़ाइलों में अलग करता हूं।

/reset.less 
/variables.less 
/mixins.less 
/main.less 
/styles.less 

styles.less सिर्फ आयात कर रहा है अन्य फ़ाइलें: यहाँ मेरी भंडार है

@import "reset.less"; 
@import "mixins.less"; 
@import "variables.less"; 
@import "main.less"; 

हालांकि, जब मैं main.less में कुछ कोड जोड़ सकते हैं और @ लाइन रंग का उपयोग करें जो variables.less में परिभाषित किया गया है। यह नाम Error: variable @line-color is undefined दिखाता है और मैं इसे संकलित नहीं कर सकता- मैं कम प्लगइन के साथ PHPStorm का उपयोग करता हूं।

क्या आप मुझे सुझाव दे सकते हैं?

Answer 1

आपको अपने चर का आयात करना होगा। आपके चर का उपयोग करने वाली सभी फ़ाइलों के लिए।

संपादित करें:

आप केवल अपने style.less संकलित करने के लिए किया है। आप मुख्य को संकलित नहीं कर सकते हैं। जब तक कि यह चर नहीं जानता है। लेकिन आप मुख्य नहीं चाहते हैं। सीएसएस, वैसे भी, क्या आप?
आपको सही style.css मिलना चाहिए जो मुझे लगता है (मुझे लगता है) केवल एक सीएसएस फ़ाइल की आवश्यकता होगी।

Answer 2

मैं PHPstorm में निम्न कार्य करके इसे हल कर सकते हैं:

• ओपन प्राथमिकताएं ...
• उपकरण में> फ़ाइल पहरेदार> कम (कॉन्फ़िगर)
• चेक "ट्रैक केवल रूट फ़ाइलों"
• ../css/$FileNameWithoutExtension$.css पर "आउटपुट पथ रीफ्रेश करने के लिए" बदलें (जोड़ा गया "../css/" सामने - इस बात के आधार पर कि आप किस फ़ोल्डर में सीएसएस फाइलें लिखना चाहते हैं)
• (इस बिंदु पर आप यह जांचना चाहेंगे कि यह आपकी पसंद के लिए पहले से ही काम करता है या नहीं। यदि यह नहीं है, पर अगले चरण पर
• अन्य सेटिंग्स में> कम प्रोफ़ाइल> (आपका प्रोफ़ाइल) (कॉन्फ़िगर) ले ...)
• परिभाषित करें "कम स्रोत निर्देशिका": /Users/macuser/htdocs/MySite/sites/all/themes/mytheme/less (निर्भर करता है जिस पर फ़ोल्डर शामिल .less फ़ाइलें)
• परिभाषित करें "पथ से फ़ाइल शामिल करें": /Users/macuser/htdocs/MySite/sites/all/themes/mytheme/less/style.less (फ़ाइल नाम है जिस पर फ़ाइल फ़ोल्डर का चयन करके अन्य .less फ़ाइलें)
• जोड़ें "सीएसएस उत्पादन निर्देशिका" संकलित .less निर्भर करता है आप लिखना चाहते हैं (minified) सीएसएस फ़ाइलें
• सक्षम करें सीएसएस आउटपुट अगर वांछित

नोटिस: तो कम्प्रेस सीएसएस उत्पादन सक्षम किया गया है, इसका मतलब है कोड संकुचित हो जाएगा कि हर बार एक .less -file राइट क्लिक करें और हिट "सीएसएस को संकलित करें"। डिफ़ॉल्ट रूप से आउटपुट को आपके द्वारा किए गए प्रत्येक संशोधन के साथ .less -file पर संपीड़ित नहीं किया जाएगा।आप सीएसएस संपीड़ित करने के लिए सीधे, चाहते हैं, तो

• टर्मिनल में निम्न आदेश का उपयोग कर स्थापित करें कम-प्लगइन-सफाई सीएसएस: sudo npm install -g less-plugin-clean-css
• इसके बाद, टूल्स> फ़ाइल पहरेदार> कम (कॉन्फ़िगर करें), और "तर्क" को --clean-css --no-color $FileName$ में बदलें (सामने "--clean-css" जोड़ा गया)। अब कोडिंग करते समय यह आपके सीएसएस को स्वचालित रूप से संकलित करेगा। आपको मैन्युअल रूप से संकलित करने की आवश्यकता नहीं होगी।