Početak rada s Gruntom

Trenutno, kada govorimo o web razvoju, postoje čimbenici koji nas tjeraju da ovisimo o velikom broju zadataka koje moramo izvršiti nakon što napravimo kôd, a mnogo više ako koristimo JavaScript , budući da postoje različiti alati koji su nam potrebni kako bi naša aplikacija bila što optimalnija.
Budući da sve što ovisi o ljudskom biću ne nastoji uvijek biti savršeno i biti sastavljeno od pogrešaka, uvijek tražimo način da izgradimo procese što je moguće čistije i automatiziramo ih, jer je manja vjerojatnost pogrešaka ako stavimo sve našu pažnju jednom posvetimo nečemu, a zatim ostavimo njegovo mjesto na stroju.

POVEĆAJTE

Ovdje dolazi Roktati, što nije ništa drugo nego rezultat te potrage za automatizacijom i smanjenja grešaka i uštede radne snage. Napravljen 2012. godine, sve je popularniji i sve do danas gotovo je bitan element svakog okruženja koje sadrži JavaScript kao jezik za razvoj.
Što je Grunt?To je alat za naredbeni redak ili konzolu JavaScript koji je odgovoran za izvršavanje zadataka koji se ponavljaju i oduzimaju puno vremena, na primjer ako moramo umanjiti i komprimirati kôd JavaScript, svaki put kad mijenjamo datoteku moramo izvršiti ova dva zadatka, s Roktati ovo je automatsko, svaki put kad promijenimo datoteke Roktati je zadužen za izvršavanje tih zadataka.
Zahvaljujući ovoj vrsti funkcionalnosti Roktati je naišla na veliki prijem u svijetu razvoja, posebno onih koji svoj razvoj temelje na tome JavaScript s okruženjima poput Node.js o CoffeeScript, što je dovelo do velike zajednice s više od 2000 dodataka u npm spremištima koja rade sa Roktati.
Web aplikacije danas rastu ne samo u veličini već i u složenosti, što nas dovodi do razvoja količine koda i izrade alata koji premašuju ljudsko ograničenje za iscrpni pregled, zato dolazi do razvoja temeljenog na testiranju ili TDD, i na isti način, postoje dodatni zadaci koji nemaju veze s kodom koji nam omogućuju optimizaciju naše aplikacije.
Roktati pomaže nam u drugom dijelu pristupa, omogućuje nam da smanjimo vrijeme koje moramo uložiti u izvršavanje zadataka i na taj način pomaže nam da se pridržavamo načela SUHO, da se ne ponavljamo. Zato moramo koristiti Roktati uštedjeti vrijeme i smanjiti vjerojatnost pogrešaka.
Već znamo što je to i zašto bismo ga trebali koristiti, ali ima još malo toga za razgovarati Roktati, gdje je jedna od najvažnijih stvari znati kakve nam koristi donosi, od veće dosljednosti u našoj aplikaciji do približavanja zajednici razvojnih programera, a zatim da vidimo prednosti malo detaljnije.
UčinkovitostPonekad mislimo da nam ručnim radnjama štedi vrijeme da moramo istražiti i implementirati neke alate, ali ispostavlja se da akumulirano vrijeme tjedno ili mjesečno postaje pretjerano, pri čemu možemo izgubiti do 4 ili 5 sati, Roktati to se smanjuje, jer jednostavno nakon što automatiziramo zadatak, na kraju dana oslobađamo ta pogubljenja iz svojih ruku.
DosljednostKao što smo spomenuli na početku, ljudsko je biće sklono pogreškama pa ih automatizacijom možemo smanjiti, Roktati Daje nam priliku da sve izvršimo točno na način na koji smo provjerili da nema grešaka, čime izvlačimo ljudski faktor iz jednadžbe i optimiziramo svoje zadatke.
UčinkovitostIzgradnjom niza automatiziranih zadataka možemo natjerati svoj um da se nosi s problemima koji zaista trebaju našu pažnju, a izvršavanjem manje zadataka bit ćemo manje umorni pa ćemo biti učinkovitiji.
ZajednicaAko postoji nešto za što smo mislili da nam je potrebno za naše automatizirano okruženje, to zasigurno postoji, a to je da zahvaljujući velikim prednostima Roktati Izgrađena je snažna zajednica dodataka koje možemo koristiti slobodno i besplatno mnogo puta, čime nam štedimo mnogo više posla.
Nakon što smo upoznali teorijske koncepte, prednosti, razloge za njegovu upotrebu i druge zanimljive aspekte RoktatiVrijeme je da sve što smo naučili možemo primijeniti u praksi, pa počnimo instaliranjem ovog izvrsnog alata u naše okruženje.
Roktati Radi se o više platformi, pa ga možemo koristiti na sustavima Windows, Mac i Linux, iz praktičnih razloga tijekom ovog vodiča vidjet ćemo instalaciju u okruženju WindowsMeđutim, proces se ne razlikuje mnogo u ostalim sustavima nakon što se ispuni početni zahtjev.
Node.js i njegov upravitelj paketa i modula npm glavni su uvjeti prije instalacije Roktati, trenutno oba alata dolaze u istoj instalaciji, pa ih moramo samo instalirati Node.js U našem sustavu ovaj je postupak vrlo jednostavan i objašnjen je u drugim vodičima, međutim, samo posjetite službenu web stranicu projekta nodejs.org kako biste saznali kako instalirati za naš operativni sustav.

POVEĆAJTE

Nakon što smo preuzeli i imali Node.js radeći na našem sustavu spremni smo za sljedeći korak.
Instalacija Roktati vrlo je jednostavno, dobit ćemo alat Grunt CLI, odnosno sučelje naredbenog retka, što će nam omogućiti da koristimo konzolu kao način na koji to označavamo Roktati zadaci koje treba dovršiti. Za ovo ćemo koristiti npm i njegova spremišta koja se uvijek ažuriraju na najnoviju stabilnu verziju projekta.
Da bismo to učinili, jednostavno moramo pokrenuti sljedeću uputu na našoj naredbenoj konzoli:

 npm install -g grunt -cli

Ova radnja će nam ostaviti alat već instaliran kao što vidimo na sljedećem snimku zaslona naše konzole.

Kao što smo mogli vidjeti, instalacija je bila vrlo jednostavna i sa samo nekoliko sekundi ostavlja naš sustav spremnim za upotrebu Roktati. Sada moramo otići u mapu u kojoj se nalazi projekt s kojom se želimo povezati Roktati i izvršavamo sljedeću uputu:

 npm install grunt

To će nam omogućiti uključivanje Roktati u našem projektu i na taj način ga počnite koristiti, da vidimo što nam konzola govori kada to učinimo:

Naš sljedeći korak sada je generiranje datoteka paket.json Y Gruntfile.js, oboje je od vitalne važnosti za našu aplikaciju kako bismo mogli zadovoljiti sve ovisnosti koje su nam potrebne, a također i ukazati na Roktati što učiniti učinkovito. Te su datoteke ključne budući da su svojevrsni okvir na kojem npm Y Roktati bit će podržani, ako ne postoje u našem projektu, imat ćemo problema s korištenjem alata.
Za generiranje sadržaja datoteke paket.json Dovoljno nam je koristiti naredbu koja će nam dati početnu konfiguraciju, za to prvo moramo stvoriti praznu datoteku pod nazivom paket.json, vrlo je važno da unutar njega sadrži dvije zagrade {} tako da se tumači kao JSON, tada u našoj konzoli moramo izvršiti sljedeće u istom direktoriju našeg projekta:

 npm install --save grunt grunt-contrib-uglify

Što će nam na naredbenoj konzoli dati sljedeću poruku:

Konačno, ako vidimo naš dosje paket.json Vidjet ćemo da je ažuriran sljedećim sadržajem:

Sada moramo stvoriti datoteku Gruntfile.js, ovo će tko reći Roktati sve što se mora izvršiti u našem okruženju pa je to vitalni dio, osnovna struktura ove datoteke je sljedeća:

 module.exports = function (grunt) {// evo sadržaja naših zadataka};

Nakon komentara stoji da možemo postaviti naše različite zakazane zadatke, koje ćemo napraviti kada izvršimo naredbu roktati sve upute koje smo stavili u ovu datoteku izvršavaju se na našoj konzoli.
Kako smo već vidjeli dovoljno sadržaja, stvaranje automatiziranih zadataka ostavit ćemo za neki drugi put, važno je da smo shvatili da je Roktati, koji su zahtjevi potrebni za njegovu instalaciju i sve što nam nudi.
Ovim završavamo ovaj vodič, ako želimo ići dublje, možemo ući u službenu dokumentaciju alata na engleskom jeziku i tako unaprijediti neko znanje koje kasnije možemo primijeniti u praksi.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod