विषय
ग्रंट जैसे जावास्क्रिप्ट टास्क रनर फ्रंट-एंड डेवलपर्स के साथ बेहद लोकप्रिय हो गए हैं। ऐसा इसलिए है क्योंकि वे एक काम करने में मदद करते हैं जो हम सभी अपने काम में करना चाहते हैं - समय की बचत करें!
लेकिन 5,000 से अधिक (और गिनती) ग्रंट प्लगइन्स अब उपलब्ध हैं, डेवलपर्स के लिए उन 'हीरे को किसी न किसी' में ढूंढना मुश्किल हो सकता है। ग्रंट प्लगइन्स का सही नुस्खा खोजने के लिए हमने ग्रंट में फंसने के अपने समय पर एक नज़र डाली है जिसका आपको उपयोग करना चाहिए।
01. कुरूप
उनके नमक के लायक हर फ्रंट-एंड डेवलपर जावास्क्रिप्ट फ़ाइलों को छोटा करने के फायदों के बारे में जानता है, और ठीक यही यह प्लगइन करता है। इसकी लोकप्रियता ऐसी है, यह वास्तव में ग्रंट गेटिंग स्टार्टेड गाइड में शामिल है। नाम के बावजूद, इस प्लगइन का उपयोग आपके जावास्क्रिप्ट कोड को भी सुशोभित करने के लिए किया जा सकता है - हालांकि यह उत्पादन के उपयोग के लिए विशेष रूप से उपयोगी नहीं है।
02. सस्सो
इस बारे में कुछ बहस हो सकती है कि कौन सा सीएसएस प्री-प्रोसेसर वास्तव में रोस्ट पर शासन करता है, लेकिन यहां स्टिकयेज़ में, हम इसके मुख्य प्रतिद्वंद्वी, कम के बजाय सैस पर बस गए हैं। यह प्लग-इन हमें अपनी Sass फ़ाइलें लिखने और उन्हें स्वचालित रूप से CSS में संकलित करने में सक्षम बनाता है। CSS प्री-प्रोसेसर का उपयोग करने के गुण अपने आप में एक अलग लेख की गारंटी देते हैं, लेकिन यह कहना सुरक्षित है कि यदि आप पहले से ही एक का उपयोग नहीं कर रहे हैं तो आपको पार्टी में बहुत देर हो चुकी है!
03. सीएसएसमिन
यह प्लगइन Uglify के CSS समकक्ष है। यह बस किसी भी निर्दिष्ट सीएसएस फाइलों को प्राप्त करता है और उन्हें छोटा करता है। बेशक यदि आप इसे Sass प्लगइन के साथ उपयोग करने जा रहे हैं तो आपको यह सुनिश्चित करने की आवश्यकता है कि यह कार्य Sass कार्य के बाद चलाया जाए।
CSSMin के बहुत सारे विकल्प हैं जो थोड़ी भिन्न तकनीकों का उपयोग करके आपकी CSS फाइलों के आकार को भी कम कर सकते हैं; सीएसएस नैनो, सीएसएस राइटिंग, सीएसएस सिकुड़, इत्यादि। अगर आप उस प्रकार के सामान में हैं तो इस आसान बेंचमार्क को पढ़ें।
04. Concat
जैसा कि नाम से पता चलता है, यह प्लगइन बस कई फाइलें लेता है और उन्हें एक में जोड़ता है। कोड को छोटा करने की तरह, पेज लोड समय को कम करने के लिए फ़ाइलों को जोड़ना भी एक सदियों पुराना सर्वोत्तम अभ्यास है।
फ़ाइल संयोजन हमेशा जावास्क्रिप्ट और सीएसएस दोनों के लिए उत्पादन में उपयोग किया जाना चाहिए। यह आमतौर पर चलाया जाने वाला अंतिम कार्य है - CSS पूर्व-प्रसंस्करण कार्य और लघुकरण कार्य के बाद। किसी विशिष्ट निर्देशिका में सभी फ़ाइलों को संयोजित करने के लिए इस प्लगइन को बताना आसान है, लेकिन उस क्रम से सावधान रहें कि फ़ाइलें संयोजित की जाएंगी - आपको एक विशिष्ट आदेश देने या फ़ाइलों को नाम देने की आवश्यकता हो सकती है ताकि वे हमेशा आपके इच्छित क्रम में संयोजित हों .
05. इमेजमिन
CSSMin और Uglify की तरह ही, ImageMin पेज लोड के लिए एक और पुरानी समस्या से निपटता है - छवि फ़ाइल आकार। इमेज 'मिनीफिकेशन' आमतौर पर ऑप्टिमाइज़ेशन के लिए पहला पोर्ट-ऑफ-कॉल होता है, इसलिए यह प्लगइन कुल पेज फ़ाइल आकार को जितना संभव हो उतना कम करने के लिए आवश्यक है।
यदि आप जेपीजी, पीएनजी, जीआईएफ या एसवीजी (एक तेजी से लोकप्रिय वेक्टर छवि प्रारूप) के साथ काम कर रहे हैं, तो यह प्लगइन आपकी छवियों के फ़ाइल आकार में दोषरहित कटौती प्रदान करेगा, बिना आपको उंगली उठाए। यदि आपके प्रोजेक्ट में बहुत सारी छवियां हैं, तो यह एक अच्छा विचार है कि इस कार्य को केवल तभी चलाएं जब आप उत्पादन पर जोर दे रहे हों, बजाय इस कार्य को वॉच इवेंट पर चलाने के (अगला बिंदु देखें)।
06. देखो
यह प्लगइन वास्तव में आपकी वेबसाइट के फ्रंट-एंड को प्रभावित नहीं करता है, लेकिन यह एक कुशल ग्रंट प्रक्रिया बनाने में बेहद उपयोगी है। वॉच बस आपके द्वारा निर्दिष्ट किसी भी निर्देशिका पर नज़र रखता है, और एक बार कुछ बदल जाने पर यह स्वचालित रूप से कुछ ग्रंट कार्यों को ट्रिगर करेगा।
तो आप अपने जावास्क्रिप्ट कार्यों को चलाने के लिए अपनी 'जेएस' निर्देशिका पर एक घड़ी की स्थिति सेट कर सकते हैं, और दूसरा अपने सीएसएस कार्यों को चलाने के लिए अपनी 'सीएसएस' निर्देशिका पर सेट कर सकते हैं। इसका मतलब है कि आपको कभी भी अपनी मुख्य ग्रंट प्रक्रिया को मैन्युअल रूप से चलाने की आवश्यकता नहीं होगी! इससे पहले कि आप बदलाव करना शुरू करें, बस ग्रंट वॉच टास्क को इनिशियलाइज़ करें और आप इसे भूल भी सकते हैं।
शब्दों: जेमी शील्ड्स
जेमी शील्ड्स डिजिटल मार्केटिंग एजेंसी स्टिकयेज में बैक एंड डेवलपर हैं।
ऐशे ही? इस पढ़ें!
- ग्रंट बनाम गल्प: आपको कौन सा जावास्क्रिप्ट बिल्ड टूल चुनना चाहिए?
- अपने ग्रंट सेट-अप को बेहतर बनाने के 8 तरीके
- सर्वश्रेष्ठ मुफ्त वर्डप्रेस थीम
