सामग्री
ग्रंट सारख्या जावास्क्रिप्ट टास्क धावपटू फ्रंट-एंड विकसकांकरिता अत्यंत लोकप्रिय झाले आहेत. त्याचे कारण असे आहे की आपल्या सर्वांना आपल्या नोकरीमध्ये एक गोष्ट करायला मदत केली - वेळ वाचवा!
परंतु आता 5,000००० हून अधिक (आणि मोजणीत) ग्रंट प्लगइन्स उपलब्ध झाल्यामुळे विकासकांना ते ’ओबडधोबड हिरे’ शोधणे कठीण जाऊ शकते. आपण वापरत असलेल्या ग्रंट प्लगइन्सची अचूक रेसिपी शोधण्यासाठी आम्ही आमच्या वेळात ग्रंटमध्ये अडकलो आहोत याबद्दल पुन्हा एक नजर टाकली आहे.
01. Uglif
त्यांच्या मीठाची किंमत असलेल्या प्रत्येक फ्रंट-एंड विकसकास जावास्क्रिप्ट फायली कमी करण्याच्या फायद्यांविषयी माहित आहे आणि हे प्लगइन नेमके हेच करते. अशी त्याची लोकप्रियता आहे, ती खरंच ग्रंट प्रारंभ करणे मार्गदर्शकामध्ये समाविष्ट आहे. नावे असूनही, हे प्लगइन आपला जावास्क्रिप्ट कोड सुशोभित करण्यासाठी देखील वापरला जाऊ शकतो - जरी ते उत्पादन वापरासाठी विशेषतः उपयुक्त नाही.
02. Sass
सीएसएस प्री-प्रोसेसर खरोखर कोंबड्यावर राज्य करतो याबद्दल कदाचित काही वादविवाद होऊ शकतात, परंतु येथे स्टिकीयॉस येथे आम्ही त्याचे मुख्य प्रतिस्पर्धी, लेसर यापेक्षा ससेवर स्थायिक झालो आहोत. हे प्लग-इन आम्हाला आमच्या सेस फायली लिहण्यास सक्षम करते आणि त्या स्वयंचलितपणे सीएसएस वर कंपाईल करतात. सीएसएस प्री-प्रोसेसर वापरण्याच्या गुणवत्तेमुळे स्वत: मध्ये एक स्वतंत्र लेखाची हमी दिली जाते, परंतु हे सांगणे सुरक्षित आहे की आपण आधीपासून एखादा वापरत नसल्यास आपल्यास पक्षास उशीर झाला आहे!
03. CSSMin
हे प्लगइन युगलिफाच्या सीएसएस समतुल्य आहे. हे फक्त कोणत्याही निर्दिष्ट सीएसएस फायली मिळवते आणि त्या लहान करते. अर्थात जर आपण याचा वापर सस प्लगइनच्या अनुषंगाने करीत असाल तर आपल्याला हे सुनिश्चित करणे आवश्यक आहे की हे कार्य सस टास्क नंतर चालले आहे.
सीएसएसमिनला बरेच पर्याय आहेत जे थोडी वेगळी तंत्रे वापरुन आपल्या सीएसएस फायलींचा आकारही कमी करू शकतात; सीएसएस नॅनो, सीएसएस आरिंग, सीएसएस आकुंचन इ. आपण त्या प्रकारच्या सामग्रीमध्ये असल्यास हे सुलभ बेंचमार्क वाचा.
04. कॉनकॅट
नावानुसार, हे प्लगइन फक्त एकाधिक फायली घेते आणि त्यामध्ये कॉन्टेनेट करते. मिनीफाईंग कोड प्रमाणे, कंटेटेनिंग फायली देखील पृष्ठ लोड वेळा कमी करण्यासाठी एक जुनी सर्वोत्तम सराव आहे.
जावास्क्रिप्ट आणि सीएसएस दोहोंसाठी उत्पादनामध्ये फाइल कॉन्टेटेनेशन नेहमीच वापरावे. सीएसएस प्री-प्रोसेसिंग टास्क आणि मिनीफिकेशन टास्क नंतर - सामान्यत: हे अंतिम कार्य आहे. या प्लगइनला फक्त एका विशिष्ट निर्देशिकेतील सर्व फायली एकत्रित करण्यास सांगणे सोपे आहे, परंतु त्या फायली एकत्रित केल्या जाणा order्या क्रमाविषयी सावधगिरी बाळगा - आपणास एखादी विशिष्ट ऑर्डर देण्याची किंवा त्या फायलींचे नाव देण्याची आवश्यकता असू शकते जेणेकरून आपल्याला पाहिजे त्या क्रमामध्ये ते नेहमीच एकत्रित केले जातील. .
05. इमेजमिन
CSSMin आणि Uglify सारख्याच रक्तात, प्रतिमा लोड पृष्ठ लोड - प्रतिमा फाइल आकारासाठी आणखी एक जुनी समस्या सोडवते. प्रतिमा ’मिनिफिकेशन’ सहसा ऑप्टिमायझेशनसाठी प्रथम पोर्ट ऑफ कॉल असते, म्हणून हे पृष्ठ प्लगइनचे आकार शक्य तितके कमी करण्यासाठी हे प्लगइन आवश्यक आहे.
आपण जेपीजी, पीएनजी, जीआयएफ किंवा एसव्हीजी (सतत वाढत जाणारी लोकप्रिय वेक्टर प्रतिमा स्वरूप) सह कार्य करीत असल्यास, हे बूटिंग आपल्या बोटांशिवाय आपल्या प्रतिमांच्या फाइल आकारात निर्दोष कपात करेल. आपल्याकडे आपल्या प्रकल्पात बर्‍याच प्रतिमा असल्यास आपण हे कार्य घड्याळाच्या इव्हेंटवर चालण्याऐवजी केवळ उत्पादनावर जोर देत असतानाच हे कार्य चालविणे चांगले आहे (पुढील बिंदू पहा).
06. पहा
हे प्लगइन आपल्या वेबसाइटच्या फ्रंट-एंडवर प्रत्यक्षात परिणाम करत नाही परंतु कार्यक्षम ग्रंट प्रक्रिया तयार करण्यात हे अत्यंत उपयुक्त आहे. वॉच हे आपण निर्दिष्ट केलेल्या कोणत्याही डिरेक्टरीजवर लक्ष ठेवते आणि एकदा त्यात काही बदल झाल्यास काही ग्रंट कामे स्वयंचलितपणे ट्रिगर होतात.
तर आपण आपल्या जावास्क्रिप्ट कार्ये चालविण्यासाठी आपल्या ‘जेएस’ निर्देशिकेवर एक आणि आपल्या सीएसएस कार्ये चालविण्यासाठी आपल्या ‘सीएसएस’ निर्देशिकेवर दुसरी पाहण्याची अट सेट करू शकता. याचा अर्थ आपल्याला आपली मुख्य ग्रंट प्रक्रिया व्यक्तिचलितपणे चालविण्याची आवश्यकता नाही! आपण बदल करण्यास सुरूवात करण्यापूर्वी फक्त गोंधळ वॉच टास्क सुरू करा आणि आपण ते तिथे देखील विसरू शकता.
शब्दः जेमी शिल्ड्स
जेमी शिल्ड्स डिजिटल मार्केटींग एजन्सी स्टिकीयेजचा बॅक एंड डेव्हलपर आहे.
हे आवडले? हे वाच!
- ग्रंट वि गलप: आपण कोणते जावास्क्रिप्ट बिल्ड टूल निवडावे?
- आपले ग्रंट सेट अप सुधारण्याचे 8 मार्ग
- सर्वोत्तम मोफत वर्डप्रेस थीम्स
