कमांड लाइन का उपयोग करके, हम .css के लिए .less फ़ाइल संकलित कर सकते हैं ।
विश्व स्तर पर उपयोग के लिए कम संस्थापन
निम्न कमांड का उपयोग npm के साथ एसईआरसी (नोड पैकेज मैनेजर) को स्थापित करने के लिए किया जाता है ताकि वैश्विक स्तर पर एसआरसी उपलब्ध हो सके।
npm install less -g
आप पैकेज नाम के बाद एक विशिष्ट संस्करण भी जोड़ सकते हैं। उदाहरण के लिएnpm install [email protected] -g
नोड विकास के लिए स्थापित करना
निम्न कमांड का उपयोग आपके प्रोजेक्ट फ़ोल्डर में लेस के नवीनतम संस्करण को स्थापित करने के लिए किया जाता है ।
npm i less -save-dev
यह आपके प्रोजेक्ट पैकेज में भी निर्भरता में जोड़ा जाता है।
बीटा के कम रिलीज
इसे बीटा के रूप में टैग किया जाता है lessc संरचना प्रकाशित की है npmयहां, नई कार्यक्षमता को समय-समय पर विकसित किया जाता है। वर्तमान संस्करण प्राप्त करने के लिए कम -v का उपयोग किया जाता है।
एनपीसी के एक अप्रकाशित विकास संस्करण को स्थापित करना
प्रतिबद्ध - ish को निर्दिष्ट किया जाना है, जब हम एसआरसी के एक अप्रकाशित संस्करण को स्थापित करने के लिए आगे बढ़ते हैं और एक निर्भरता के रूप में git URL की पहचान करने के लिए निर्देशों का पालन करने की आवश्यकता होती है। यह सुनिश्चित करेगा कि आप अपनी परियोजना के लिए लेसे के सही संस्करण का उपयोग कर रहे हैं।
सर्वर-साइड और कमांड लाइन उपयोग
bin/lesscरिपॉजिटरी में बाइनरी शामिल है। यह विंडोज, ओएस एक्स और नोडज के साथ * निक्स पर काम करता है।
कमांड लाइन का उपयोग
से इनपुट पढ़ा जाता है stdin जब स्रोत डैश या हाइफ़न (-) पर सेट होता है।
उदाहरण के लिए, हम संकलन कर सकते हैं .less सेवा .css निम्नलिखित कमांड का उपयोग करके -
lessc stylesheet.less stylesheet.css
हम संकलन कर सकते हैं .less सेवा .css द्वारा और निम्न आदेश का उपयोग करके परिणाम को छोटा करें।
lessc -x stylesheet.less stylesheet.css
विकल्प
कमांड लाइन उपयोग में उपयोग किए जाने वाले विकल्पों की सूची निम्नलिखित है -
अनु क्रमांक।
विकल्प और विवरण
आदेश
1
Help
उपलब्ध विकल्पों के साथ मदद संदेश प्रदर्शित होता है।
lessc -help
lessc -h
2
Include Paths
इसमें पुस्तकालय के लिए उपलब्ध रास्ते शामिल हैं। इन रास्तों को कम फ़ाइलों में सरल और अपेक्षाकृत संदर्भित किया जा सकता है। खिड़कियों में पथ बृहदान्त्र (:) या अर्धविराम (;) द्वारा अलग किए जाते हैं।
lessc --include-path = PATH1;PATH2
3
Makefile
यह आउटपुट के रूप में स्टडआउट करने के लिए एक makefile आयात निर्भरता सूची बनाता है।
lessc -M
lessc --depends
4
No Color
यह रंगीन आउटपुट को अक्षम करता है।
lessc --no-color
5
No IE Compatibility
यह IE संगतता जाँच अक्षम करता है।
lessc --no-ie-compat
6
Disable Javascript
यह कम फ़ाइलों में जावास्क्रिप्ट अक्षम करता है।
lessc --no-js
7
Lint
यह सिंटैक्स की जाँच करता है और बिना किसी आउटपुट के त्रुटि की रिपोर्ट करता है।
lessc --lint
lessc -l
8
Silent
यह त्रुटि संदेशों के प्रदर्शन को जबरन रोक देता है।
lessc --silent
lessc -s
9
Strict Imports
यह आयात का मूल्यांकन करता है।
lessc --strict-imports
10
Allow Imports from Insecure HTTPS Hosts
यह असुरक्षित HTTPS होस्ट से आयात करता है।
lessc --insecure
1 1
Version
यह संस्करण संख्या प्रदर्शित करता है और बाहर निकलता है।
lessc -version
lessc -v
12
Compress
यह व्हाट्सएप को हटाने और आउटपुट को संपीड़ित करने में मदद करता है।
lessc -x
lessc --compress
13
Source Map Output Filename
यह कम में सोर्समैप उत्पन्न करता है। यदि स्रोत नाम विकल्प को फ़ाइल नाम के बिना परिभाषित किया गया है, तो यह स्रोत के रूप में कम फ़ाइल नाम के साथ एक्सटेंशन मैप का उपयोग करेगा।
lessc --source-map
lessc -source-map = file.map
14
Source Map Rootpath
रूटपाथ निर्दिष्ट है और इसे सोर्समैप के अंदर कम फ़ाइल पथों में जोड़ा जाना चाहिए और मैप फ़ाइल में भी दिखाया जाना चाहिए जो आपके आउटपुट सीएसएस में निर्दिष्ट है।
lessc --source-map-rootpath = dev-files/
15
Source Map Basepath
एक पथ निर्दिष्ट किया गया है जिसे आउटपुट पथों से हटाया जाना है। बसपाथ रूटपथ विकल्प के विपरीत है।
lessc --source-map-basepath = less-files/
16
Source Map Less Inline
स्रोत पाठ में सभी कम फ़ाइलों को शामिल किया जाना चाहिए।
lessc --source-map-less-inline
17
Source Map Map Inline
यह निर्दिष्ट करता है कि आउटपुट css में मैप फ़ाइल इनलाइन होनी चाहिए।
lessc --source-map-map-inline
18
Source Map URL
एक URL को css में मैप फ़ाइल में पॉइंट्स को ओवरराइड करने की अनुमति है।
lessc --source-map-url = ../my-map.json
19
Rootpath
यह सापेक्ष आयात और यूआरएल में URL पुनर्लेखन के लिए मार्ग निर्धारित करता है।
lessc -rp=resources/
lessc --rootpath=resources/
20
Relative URLs
आयातित फ़ाइलों में, URL फिर से लिखा जाता है ताकि URL हमेशा आधार फ़ाइल के सापेक्ष हो।
lessc -ru
lessc --relative-urls
21
Strict Math
यह आपके सीएसएस में सभी मैथ फंक्शन को प्रोसेस करता है। डिफ़ॉल्ट रूप से, यह बंद है।
lessc -sm = on
lessc --strict-math = on
22
Strict Units
यह मिश्रित इकाइयों को अनुमति देता है।
lessc -su = on
lessc --strict-units = on
23
Global Variable
एक चर परिभाषित किया गया है जिसे फ़ाइल द्वारा संदर्भित किया जा सकता है।
lessc --global-var = "background = green"
24
Modify Variable
यह वैश्विक परिवर्तनीय विकल्प के विपरीत है; यह आपकी कम फ़ाइल के अंत में घोषणा को आगे बढ़ाता है।
lessc --modify-var = "background = green"
25
URL Arguments
प्रत्येक URL पर जाने के लिए, एक तर्क निर्दिष्ट करने की अनुमति है।