किसी फ़ोल्डर में .less फ़ाइलों को देखने के लिए node.js के साथ less.js का उपयोग कैसे करें?

मैं सर्वर-साइड को देखने और संकलित करने के लिए एक सरल मार्गदर्शिका की तलाश में हूं। Less.js और node.js. का उपयोग कर फ़ोल्डर में फ़ाइलें नहीं। ब्रायन ने this post में इसके बारे में लिखा था।किसी फ़ोल्डर में .less फ़ाइलों को देखने के लिए node.js के साथ less.js का उपयोग कैसे करें?

दुर्भाग्यवश, lesscss.org पर Server-side usage के निर्देश किसी ऐसे व्यक्ति के लिए थोड़ा लाभ नहीं लेते हैं जो node.js. के लिए नया है।

मैंने कमांड लाइन उपयोग की कोशिश की है: $ lessc styles.less > styles.css।

मैंने 'वॉकर' और 'वॉच-कम' भी कोशिश की है और यह सब काम करता है। हालांकि, मैं एक शुद्ध node.js + less.js समाधान की तलाश में हूं। मुझे यकीन है कि कोई ऐसा व्यक्ति है जो स्पष्ट रूप से समझा सकता है कि फ़ोल्डर में .less फ़ाइलों को देखने के लिए node.js और less.js को कॉन्फ़िगर कैसे करें। धन्यवाद।

स्रोत

2012-02-23 thv

मैंने अतीत में एक [घड़ी-कम] (https://github.com/Raynos/so642/blob/master/src/init/watch-less.js) फ़ाइल का उपयोग किया है। मुझे लगता है कि यह नोड 0.4 है हालांकि कोड को अपग्रेड करने की आवश्यकता है। – Raynos

मैंने यह दिखाने के लिए डेमो प्रोजेक्ट बनाया है कि यह कैसे काम करता है। आप इसे यहां देख सकते हैं https://github.com/corpix/watcherDemo

क्लोन परियोजना प्रोजेक्ट दर्ज करने के बाद और कम Node.js मॉड्यूल स्थापित करने के लिए npm install निष्पादित करें। index.js चल रहा है और प्रयास करें less_files/ निर्देशिका में .less फ़ाइल बदलने के लिए, संशोधित फ़ाइल को संकलित और css_files/

स्रोत

2012-02-24 02:16:40 corpix

यह केवल पढ़ने के लिए readSync ¬_¬ – Raynos

का उपयोग करता है;) – corpix

[असीमित संस्करण] (https://github.com/corpix/watcherDemo/tree/async) – corpix

मैं कुछ है कि हो सकता है आप के लिए क्या देख रहे लिखा में रखा जाएगा। स्क्रिप्ट घड़ी फ़ोल्डर में .less फ़ाइलों की तलाश करेगा और उन्हें आउटपुट फ़ोल्डर में संकलित करेगा। आपको बस इतना करना है कि वह फ़ोल्डर निर्दिष्ट करें जिसे आप देखना चाहते हैं और आउटपुट फ़ोल्डर।

नोड कम-घड़ी compiler.js FOLDER_TO_WATCH FOLDER_TO_OUTPUT

https://github.com/jonycheung/Dead-Simple-LESS-Watch-Compiler

यह ऐसे नाम हैं जो अंडरस्कोर या अवधि के साथ शुरू होता है के साथ फ़ाइलों को देख रहा है छोड़ देता है।

मैंने इसे अपनी विकास प्रक्रिया के लिए लिखा लेकिन यह अभी भी एक सर्वर पर काम करना चाहिए। हालांकि, आप एक लाइव सर्वर पर लगातार परिवर्तन के लिए फ़ोल्डर देखने पर विचार करना चाह सकते हैं। यह एक महंगा ऑपरेशन है।

स्रोत

2012-09-20 21:10:22 jonycheung

आप -e तर्क के साथ पर्यवेक्षक का उपयोग एक्सटेंशन प्रदान करने के लिए कर सकते हैं देखने के लिए: https://github.com/chovy/node-startup

इस आदेश का सरल संस्करण है:

supervisor -e 'js|ejs|less' app.js

nohup supervisor -e 'js|ejs|less' $APP_DIR/app.js 1>$APP_DIR/log/app.log 2>&1 & 
echo $! > $APP_DIR/pid/app.pid;

नोड स्टार्टअप स्क्रिप्ट से लिया

स्रोत

2012-11-09 07:03:00 chovy

ईमानदारी से, मैंने बहुत सारे धागे और उत्तरों को देखा है।

यदि आप मेरे जैसे हैं और आपके पास पहले से कहीं अधिक कोड ब्लोट नहीं चाहते हैं तो बस Win/Mac/Nix के लिए एक कम ऐप डाउनलोड करें और जब भी आप अपनी .less फ़ाइलों को सहेजते हैं तो यह स्वचालित रूप से संकलित हो जाएगा।

मुझे ईमानदारी से लगता है कि यह सर्वर पर कम भार डाल देगा क्योंकि आपको केवल इस समय अपनी संकलित और मिनीफाईड फाइलें अपलोड करने की आवश्यकता है।

स्रोत

2012-11-24 13:19:55

"बस एक कम ऐप डाउनलोड करें" का उपयोग कर रहे हैं तो यह असफल हो रहा है ... ** ** ** एक कम ऐप है? लिंक कहां है? – vsync

मैं सिद्धांत रूप से सहमत हूं, लेकिन इस तरह के ऐप का सुझाव मिलने तक इसका कोई वोट नहीं होना चाहिए। मैंने इस प्रश्न के लिए खोज की खोज की! – gwg

मुझे पता है कि यह एक पुरानी पोस्ट है, लेकिन कुछ बार आया जब मैं हाल ही में एक ही चीज़ खोज रहा था।

मैंने जॉनीचुंग से कोड को फोर्क और अपडेट किया है - और एक मर्ज अनुरोध सबमिट कर दिया है।

अद्यतन: jonycheung मर्ज अनुरोध तो अपने मूल कोड अब

इस बीच अद्यतन किया जाता है स्वीकार कर लिया है, कोड यहां पाया जा सकता:

https://github.com/mikestreety/Dead-Simple-LESS-Watch-Compiler

मैं भी कर दिया गया है एक शुद्ध बैश स्क्रिप्ट पर काम करना और विकास करना जो कमक का उपयोग करता है, लेकिन चलाने के लिए नोड स्क्रिप्ट की आवश्यकता नहीं होती है:

https://github.com/mikestreety/less-watch

स्रोत

2013-10-18 11:21:10 mikestreety

एचएम .. आपने जो लिखा है उसे देखने की जरूरत है;) मैंने वास्तव में एक फ़ाइल के लिए कुछ ऐसा किया था जिसमें विकल्प https://gist.github.com/pixelass/7964010 – pixelass

क्षमा करें - क्या आपको एक होना चाहिए देखो या मुझे जो लिखा है उसे देखने की ज़रूरत है? आपकी लिपि बहुत शानदार लग रही है! शर्मिंदा है कि हम सास में चले गए हैं;) – mikestreety

यह था कि मुझे यह देखना है कि आपने क्या लिखा है;) मैंने अपना गिटब रेपो बनाया है: https://github.com/pixelass/lessc-bash – pixelass

शायद सीधा जवाब नहीं है। लेकिन यहाँ मेरी टिप्पणी है:

आमतौर पर हम विकास चरण, जहां हम कम फ़ाइल बदल सकते हैं और कम फ़ाइल में हर परिवर्तन से फिर से चल रहा lessc आदेश की आवश्यकता के बिना परिणाम देखने की जरूरत के दौरान इस घड़ी की जरूरत है।

हम अपने एचटीएमएल में शुद्ध less.js द्वारा यह करते हैं। नीचे के रूप में:

<link rel="stylesheet/less" href="/path/to/bootstrap.less"> 
<script src="/path/to/less.js"></script>

विकास कार्य को अंतिम रूप देने के बाद। आपको केवल एक बार lessc चलाने की आवश्यकता है।

विकास के दौरान आपके पृष्ठ लोड करने के लिए अधिक समय ले सकते हैं, लेकिन यदि आपकी साइट AJAX आधार है, और आप इसे अपने टेम्पलेट पेज में जोड़ते हैं, तो यह एक बड़ा सौदा नहीं होगा।

स्रोत

2014-01-15 19:59:34

किसी फ़ोल्डर में .less फ़ाइलों को देखने के लिए node.js के साथ less.js का उपयोग कैसे करें?

उत्तर

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