Turinys
Tokie „JavaScript“ užduočių bėgikai, kaip „Grunt“, labai išpopuliarėjo iš išorės kūrėjų. Taip yra todėl, kad jie padeda atlikti vieną dalyką, kurį mes visi norime padaryti savo darbe - sutaupykite laiko!
Tačiau dabar turint daugiau nei 5000 (ir skaičiuojant) „Grunt“ papildinių kūrėjams gali būti sunku rasti tuos „deimantus grubiai“. Mes pažvelgėme į mūsų laiką, įstrigusį „Grunt“, kad rastume geriausią „Grunt“ papildinių receptą, kurį turėtumėte naudoti.
01. Uglify
Kiekvienas „front-end“ kūrėjas, vertas druskos, žino apie „JavaScript“ failų mažinimo pranašumus ir būtent tai daro šis papildinys. Toks yra jo populiarumas, jis iš tikrųjų įtrauktas į „Grunt“ darbo pradžios vadovą. Nepaisant pavadinimo, šį papildinį taip pat galima naudoti norint pagražinti jūsų „JavaScript“ kodą - nors tai nėra ypač naudinga gamybai.
02. Sasas
Gali kilti diskusijų apie tai, kuris CSS išankstinis procesorius iš tikrųjų valdo roostą, tačiau čia, „Stickyeyes“, mes apsistojome ties „Sass“, o ne su jo pagrindiniu varžovu Less. Šis papildinys leidžia mums rašyti „Sass“ failus ir automatiškai juos kompiliuoti į CSS. CSS išankstinio procesoriaus naudojimo nuopelnai garantuoja atskirą straipsnį, tačiau galima sakyti, kad jei jau nenaudojate, labai vėluojate į vakarėlį!
03. CSSMin
Šis papildinys yra „Uglify“ CSS atitikmuo. Tai paprasčiausiai gauna visus nurodytus CSS failus ir juos sutrumpina. Žinoma, jei tai ketinate naudoti kartu su „Sass“ papildiniu, turite įsitikinti, kad ši užduotis vykdoma po „Sass“ užduoties.
Yra daugybė CSSMin alternatyvų, kurios taip pat gali sumažinti jūsų CSS failų dydį, naudodamos šiek tiek skirtingas technikas; CSS nano, CSS iškraipymas, CSS susitraukimas ir kt. Perskaitykite šį patogų etaloną, jei norite tokio tipo dalykų.
04. Concat
Kaip rodo pavadinimas, šis papildinys paprasčiausiai paima kelis failus ir sujungia juos į vieną. Kaip ir kodo sutrumpinimo atveju, failų sujungimas taip pat yra sena geriausia puslapio įkėlimo laiko sutrumpinimo praktika.
Tiek „JavaScript“, tiek CSS gamyboje visada turėtų būti naudojamas failų sujungimas. Paprastai tai yra paskutinė užduotis, kurią reikia atlikti - po CSS išankstinio apdorojimo ir suskaidymo užduoties. Šiam įskiepiui lengva paprasčiausiai susieti visus failus konkrečiame kataloge, tačiau saugokitės failų sujungimo tvarkos - gali reikėti nurodyti tam tikrą tvarką arba pavadinti failus, kad jie visada būtų susieti norima tvarka .
05. „ImageMin“
„CSMin“ ir „Uglify“ ta pačia prasme „ImageMin“ sprendžia dar vieną seną puslapio įkėlimo problemą - vaizdo failo dydį. Vaizdo „susiaurinimas“ paprastai yra pirmasis optimizavimo reikalavimas, todėl šis papildinys yra būtinas norint kuo labiau sumažinti bendrą puslapio failo dydį.
Jei dirbate su JPG, PNG, GIF ar SVG (vis labiau populiarėjančiu vektoriniu vaizdų formatu), šis papildinys leis be nuostolių sumažinti vaizdų failo dydį, jums nereikės pakelti piršto. Jei jūsų projekte yra daug vaizdų, šią užduotį patartina vykdyti tik tada, kai stumiate į gamybą, o ne vykdyti šią užduotį laikrodžio įvykyje (žr. Kitą punktą).
06. Žiūrėti
Šis papildinys iš tikrųjų neturi įtakos jūsų svetainės sąsajai, tačiau yra labai naudingas kuriant efektyvų „Grunt“ procesą. „Watch“ tiesiog stebi visus nurodytus katalogus, o kai kas nors pasikeis, tai automatiškai suaktyvins tam tikras „Grunt“ užduotis.
Taigi savo „js“ kataloge galite nustatyti vieną žiūrėjimo sąlygą, kad paleistumėte „JavaScript“ užduotis, ir kitą - „css“ kataloge, kad paleistumėte CSS užduotis. Tai reiškia, kad jums niekada nereikės rankiniu būdu paleisti pagrindinio „Grunt“ proceso! Prieš pradėdami keisti, tiesiog inicializuokite niurzgėjimo stebėjimo užduotį ir galite pamiršti, kad ji net yra.
Žodžiai: Jamie Shieldsas
Jamie Shieldsas yra skaitmeninės rinkodaros agentūros „Stickyeyes“ užpakalinis kūrėjas.
Kaip šitas? Perskaityk tai!
- „Grunt vs Gulp“: kurį „JavaScript“ kūrimo įrankį turėtumėte pasirinkti?
- 8 būdai, kaip pagerinti „Grunt“ sąranką
- Geriausios nemokamos „WordPress“ temos