విషయము
ఫ్రంట్ ఎండ్ డెవలపర్‌లతో గ్రంట్ వంటి జావాస్క్రిప్ట్ టాస్క్ రన్నర్లు బాగా ప్రాచుర్యం పొందాయి. మన ఉద్యోగాల్లో మనమందరం చేయాలనుకుంటున్న ఒక పనిని చేయడానికి అవి సహాయపడటం దీనికి కారణం - సమయాన్ని ఆదా చేయండి!
5,000 కంటే ఎక్కువ (మరియు లెక్కింపు) గ్రంట్ ప్లగిన్లు ఇప్పుడు అందుబాటులో ఉన్నందున, డెవలపర్‌లకు ఆ ‘వజ్రాలను కఠినంగా’ కనుగొనడం కష్టం. మీరు ఉపయోగించాల్సిన గ్రంట్ ప్లగిన్‌ల యొక్క ఖచ్చితమైన రెసిపీని కనుగొనడానికి మేము గ్రంట్‌లో చిక్కుకున్న సమయాన్ని తిరిగి పరిశీలించాము.
01. అగ్లీఫై
వారి ఉప్పు విలువైన ప్రతి ఫ్రంట్ ఎండ్ డెవలపర్‌కు జావాస్క్రిప్ట్ ఫైల్‌లను కనిష్టీకరించడం వల్ల కలిగే ప్రయోజనాల గురించి తెలుసు, మరియు ఈ ప్లగ్ఇన్ అదే చేస్తుంది. దాని జనాదరణ అలాంటిది, ఇది వాస్తవానికి గుసగుసలాడుకోవడం ప్రారంభ మార్గదర్శినిలో చేర్చబడింది. పేరు ఉన్నప్పటికీ, ఈ ప్లగ్ఇన్ మీ జావాస్క్రిప్ట్ కోడ్‌ను కూడా అందంగా తీర్చిదిద్దడానికి కూడా ఉపయోగపడుతుంది - అయినప్పటికీ ఇది ఉత్పత్తి ఉపయోగం కోసం ప్రత్యేకంగా ఉపయోగపడదు.
02. సాస్
ఏ CSS ప్రీ-ప్రాసెసర్ నిజంగా రూస్ట్‌ను శాసిస్తుందనే దానిపై కొంత చర్చ జరగవచ్చు, కానీ ఇక్కడ స్టిక్కీస్ వద్ద, మేము సాస్‌లో దాని ప్రధాన ప్రత్యర్థి లెస్ కాకుండా స్థిరపడ్డాము. ఈ ప్లగ్-ఇన్ మా సాస్ ఫైళ్ళను వ్రాయడానికి మరియు వాటిని స్వయంచాలకంగా CSS కు కంపైల్ చేయడానికి అనుమతిస్తుంది. CSS ప్రీ-ప్రాసెసర్‌ను ఉపయోగించడం యొక్క అర్హతలు ప్రత్యేక కథనాన్ని కోరుకుంటాయి, కానీ మీరు ఇప్పటికే ఒకదాన్ని ఉపయోగించకపోతే మీరు పార్టీకి చాలా ఆలస్యం అవుతున్నారని చెప్పడం సురక్షితం!
03. CSSMin
ఈ ప్లగ్ఇన్ అగ్లిఫైకి సమానమైన CSS. ఇది పేర్కొన్న ఏదైనా CSS ఫైళ్ళను పొందుతుంది మరియు వాటిని కనిష్టీకరిస్తుంది. మీరు సాస్ ప్లగ్‌ఇన్‌తో కలిసి దీన్ని ఉపయోగించబోతున్నట్లయితే, సాస్ టాస్క్ తర్వాత ఈ పని నడుస్తుందని మీరు నిర్ధారించుకోవాలి.
CSSMin కు చాలా ప్రత్యామ్నాయాలు ఉన్నాయి, ఇవి మీ CSS ఫైళ్ళ పరిమాణాన్ని కొద్దిగా భిన్నమైన పద్ధతులను ఉపయోగించి తగ్గించగలవు; CSS నానో, CSS రింగ్, CSS కుదించడం మొదలైనవి. మీరు ఆ రకమైన విషయాలలో ఉంటే ఈ సులభ బెంచ్‌మార్క్ చదవండి.
04. కాంకాట్
పేరు సూచించినట్లుగా, ఈ ప్లగ్ఇన్ బహుళ ఫైళ్ళను తీసుకొని వాటిని ఒకదానితో ఒకటిగా చేస్తుంది. కోడ్‌ను కనిష్టీకరించడం మాదిరిగానే, పేజీ లోడ్ సమయాన్ని తగ్గించడానికి ఫైళ్ళను సంగ్రహించడం కూడా పాత-పాత ఉత్తమ పద్ధతి.
జావాస్క్రిప్ట్ మరియు CSS రెండింటికీ ఉత్పత్తిలో ఫైల్ సంయోగం ఎల్లప్పుడూ ఉపయోగించబడాలి. CSS ప్రీ-ప్రాసెసింగ్ టాస్క్ మరియు మినిఫికేషన్ టాస్క్ తర్వాత - ఇది సాధారణంగా అమలు చేయబడే చివరి పని. ఒక నిర్దిష్ట డైరెక్టరీలోని అన్ని ఫైల్‌లను సంగ్రహించడానికి ఈ ప్లగ్‌ఇన్‌కు చెప్పడం చాలా సులభం, కానీ ఫైల్‌లు సంగ్రహించబడే క్రమంలో జాగ్రత్త వహించండి - మీరు ఒక నిర్దిష్ట ఆర్డర్‌ను ఇవ్వవలసి ఉంటుంది లేదా ఫైళ్ళకు పేరు పెట్టాలి, అందువల్ల అవి మీకు కావలసిన క్రమంలో ఎల్లప్పుడూ కలిసి ఉంటాయి .
05. ఇమేజ్మిన్
CSSMin మరియు Uglify మాదిరిగానే, ఇమేజ్మిన్ పేజీ లోడ్ - ఇమేజ్ ఫైల్ పరిమాణం కోసం మరొక పాత-పాత సమస్యను పరిష్కరిస్తుంది. చిత్రం ‘మినిఫికేషన్’ సాధారణంగా ఆప్టిమైజేషన్ కోసం మొదటి పోర్ట్-ఆఫ్-కాల్, కాబట్టి మొత్తం పేజీ ఫైల్ పరిమాణాన్ని వీలైనంత వరకు తగ్గించడానికి ఈ ప్లగ్ఇన్ అవసరం.
మీరు JPG, PNG, GIF లేదా SVG (ఎప్పటికప్పుడు జనాదరణ పొందిన వెక్టర్ ఇమేజ్ ఫార్మాట్) తో పనిచేస్తుంటే, ఈ ప్లగ్ఇన్ మీరు వేలు ఎత్తకుండానే మీ చిత్రాల ఫైల్ పరిమాణంలో నష్టపోకుండా తగ్గిస్తుంది. మీ ప్రాజెక్ట్‌లో మీకు చాలా చిత్రాలు ఉంటే, ఈ పనిని వాచ్ ఈవెంట్‌లో అమలు చేయకుండా, మీరు ఉత్పత్తికి నెట్టేటప్పుడు మాత్రమే ఈ పనిని నడపడం మంచిది (తదుపరి పాయింట్ చూడండి).
06. చూడండి
ఈ ప్లగ్ఇన్ వాస్తవానికి మీ వెబ్‌సైట్ ఫ్రంట్ ఎండ్‌ను ప్రభావితం చేయదు, కానీ సమర్థవంతమైన గుసగుసలాడే ప్రక్రియను రూపొందించడంలో ఇది చాలా ఉపయోగకరంగా ఉంటుంది. వాచ్ మీరు పేర్కొన్న ఏదైనా డైరెక్టరీలపై నిఘా ఉంచుతుంది మరియు ఏదో మారిన తర్వాత అది స్వయంచాలకంగా కొన్ని గుసగుసలాడే పనులను ప్రేరేపిస్తుంది.
కాబట్టి మీరు మీ జావాస్క్రిప్ట్ పనులను అమలు చేయడానికి మీ ‘js’ డైరెక్టరీలో ఒక వాచ్ కండిషన్‌ను మరియు మీ CSS టాస్క్‌లను అమలు చేయడానికి మీ ‘css’ డైరెక్టరీలో మరొకటి ఏర్పాటు చేసుకోవచ్చు. దీని అర్థం మీరు మీ ప్రధాన గుసగుసలాడే ప్రక్రియను మానవీయంగా అమలు చేయనవసరం లేదు! మీరు మార్పులు చేయడం ప్రారంభించడానికి ముందు గుసగుసలాడే పనిని ప్రారంభించండి మరియు మీరు అక్కడ కూడా మర్చిపోవచ్చు.
పదాలు: జామీ షీల్డ్స్
జామీ షీల్డ్స్ డిజిటల్ మార్కెటింగ్ ఏజెన్సీ స్టిక్కీస్ వద్ద బ్యాక్ ఎండ్ డెవలపర్.
ఇలా? దీన్ని చదువు!
- గుసగుసలాడుట vs గల్ప్: మీరు ఏ జావాస్క్రిప్ట్ బిల్డ్ సాధనాన్ని ఎంచుకోవాలి?
- మీ గుసగుసలాడుటను మెరుగుపరచడానికి 8 మార్గాలు
- ఉత్తమ ఉచిత WordPress థీమ్స్
