Izradite naš prvi zadatak s Gruntom

Instalacija i uspostava Roktati To je nešto vrlo jednostavno za napraviti, ali kad imamo sve alate i znamo neke od osnovnih naredbi, često se pitamo, što sada možemo učiniti? Sljedeći korak je vrlo jednostavan, vrijeme je za početak izgradnje zadataka.
Ideja iza zadatka je da to može biti nešto što može riješiti česte probleme ili aktivnosti koje uvijek provodimo tijekom radnog dana ili razvoja aplikacija, gdje, budući da se ponavljaju, možemo postaviti parametre tim zadacima i na taj način oni uvijek mogu funkcionirati bez potrebe da ih morate praviti od nule.
ZahtjeviOvaj vodič preporučuje vam da poznajete osnovne osnove JavaScript jer ćemo se služiti mnogim stvarima iz ovog jezika. Drugi bitan zahtjev je da moramo instalirati i konfigurirati Roktati u našem sustavu ili pješčaniku, to znači da moramo imati Node.js, vaš upravitelj paketa npm i naravno Roktati. Konačno, moramo imati uređivač teksta za kreiranje sadržaja naših vježbi i dovoljna dopuštenja za stvaranje datoteka i slobodno izvršavanje naredbe grunt u konzoli.
Zadatak je aktivnost koja ima početak, razvoj i kraj Roktati zadatak nije ništa drugo do funkcija u JavaScript koji je sadržan u spisu Gruntfile.js i to pri izvršavanju naredbe roktati u našoj konzoli možemo učiniti da se ova funkcija izvrši, uzrokujući pokretanje njezinog sadržaja.
Zadacima se upravlja modularno, uvelike u stilu osnovne konstitucije Node.jsStoga, svaki put kada definiramo novi skup zadataka, moramo dodati upute koje ukazuju na njihovu modularnost.
Za izradu zadatka potreban nam je osnovni kôd u datoteci gruntfile.js, ovaj se kod naziva predložak jer se ponavlja, međutim koristimo ga samo jednom, da vidimo kako izgleda:

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

Nakon što smo taj kôd smjestili u svoju datoteku, već imamo osnovu ili ustav za stvaranje svojih zadataka. Nakon što to učinimo, odradit ćemo zadatak koji nam omogućuje pisanje poruke putem konzole, za to ćemo napisati sljedeći kod:

 module.exports = function (grunt) {grunt.registerTask ('default', function () {console.log ('Pozdrav, bacili smo poruku u Grunt.');});};

Ono što smo učinili vrlo je lako objasniti, prvo smo uzeli objekt roktati koje stvaramo svojim kodom predložak, tada smo u ovom objektu izvršili metodu registerTask što nam pomaže da kažemo Roktati da dodajemo novi zadatak, sljedeći čin dajemo mu ime, a zatim mu anonimnom funkcijom prosljeđujemo sadržaj našeg zadatka, što je u ovom slučaju poruka na konzoli.
Pogledajmo kako ovaj primjer izgleda pri izvršavanju zadatka, za njega u mapi u kojoj spremamo našu datoteku gruntfile.js izvršit ćemo sljedeću naredbu:

 roktati

Gdje bi nam konzola trebala dati rezultat poput sljedećeg:

Važno je napomenuti da za ovaj zadatak koristimo zadani naziv jer je to zadatak koji Roktati tražit će prema zadanim postavkama onako kako mu naziv ukazuje u našoj datoteci gruntfile.js, da nema taj naziv dobili bismo grešku prilikom izvođenja roktati kao što vidimo na sljedećoj slici:

Naš prethodni primjer, iako radi, nije najpreporučljiviji, jednostavno smo se poslužili konzolom Node.js ali to nema sve funkcionalnosti i svojstva konzole Roktati pa ako imamo ikakve dodatne informacije iz programske trake, to zasigurno nećemo vidjeti. Zato moramo koristiti konzolu našeg stroja za automatizaciju zadataka, koncept u filozofiji je praktički isti samo što mijenjamo objekte i funkcije koje moramo pozvati.
Pogledajmo u sljedećem kodu kako možemo prepisati naš kôd iz prethodnog primjera kako bismo mogli ispuniti ono što smo objašnjavali:

 module.exports = function (grunt) {grunt.registerTask ('default', function () {grunt.log.writeln ('Ovu poruku prikazuje Grunt konzola.');});};

Kako vidimo samo ponovno koristimo objekt roktati inicijal datoteke, tada koristimo njegovu klasu zapisnik i na kraju metoda writeln, rezultat je isti kao u prethodnom primjeru samo s tom razlikom što smo za svoje potrebe upotrijebili nešto optimalnije. Pogledajmo na sljedećoj slici kako se sve pravilno održavalo:

Na početku smo govorili o zadacima za višekratnu uporabu i koji nam omogućuju uštedu vremena, jedna od stvari koja nam može omogućiti postizanje odgovarajućeg stupnja ponovne uporabe zadataka je mogućnost dodavanja parametara, s time možemo promijeniti neke vrijednosti Prema situaciji u kojoj se možemo naći, poput stvaranja korisnika za sustav izravno s Roktati, s kojim kao parametar možemo proslijediti naziv datoteke s popisom korisnika.
U sljedećem kodu učinit ćemo nešto vrlo zanimljivo, prije svega ćemo vidjeti kako stvoriti zadatke koji nisu naš zadani proces, s tim ćemo već imati ključ za nekoliko zadataka u istoj datoteci. Parametar koji će primiti naš zadatak jednostavno će biti postavljen u anonimnoj funkciji, na taj način ga možemo uhvatiti i obraditi u tijelu.
Pogledajmo kôd za generiranje ovog zadatka. Kao vježbu možemo postaviti navedeni kôd nakon zadanog zadatka kako bismo testirali ono što smo objasnili:

 grunt.registerTask ('pozdravi', funkcija (ime) {grunt.log.writeln ('Zdravo:' + ime + 'dobro jutro danas');});

Sada za pozivanje konzole zadatka jednostavno radimo sljedeće:

 grunt pozdraviti: Ime

Kako možemo vidjeti postavljamo naziv zadatka i dvotočkom se odvajamo kako bismo proslijedili potrebni parametar, u ovom slučaju naziv koji želimo poslati zadatku, da vidimo kako to izgleda u našoj konzoli:

Što se događa ako naš zadatak treba da proslijedimo dva ili više parametara, jednostavno u kôd istog dodajemo ih odvojene zarezima kao funkciju JavaScript normalno, a kad ih zovemo u konzolu možemo ih postaviti na isti način razdvajanja, pogledajmo kod u kojem izvršavamo zadatak koji nam to pokazuje:

 grunt.registerTask ('add', function (value1, value2) {var sum = Number (value1) + Number (value2); grunt.log.writeln ('Rezultat dodavanja' + value1 + ' +' + value2 + ' je: '+ zbroj);});

Pogledajmo sada kako izgleda kada prođemo kroz konzolu ovaj primjer s pozivom i odgovorom:

Nešto zanimljivo što bismo mogli primijetiti je to što koristimo JavaScript Jednostavna i jednostavna za definiranje obrade, upotreba ovog jezika vrlo je važna jer ćemo na taj način moći proširiti svoj kapacitet svega što možemo postići u vrijeme izgradnje naših zadataka s Roktati.
Moguće je koristiti upozorenja u našim zadacima, s tim možemo malo potvrditi parametre primljene od korisnika, na primjer naš prethodni zadatak je zbroj, ali ako stavimo nešto drugo osim broja, naša operacija će sigurno uspjeti, pa možemo učinite sljedeće: uz pomoć metode upozoriti () Potvrdit ćemo da su oba parametra brojevi, a u slučaju da nisu, pokrenut ćemo upozorenje:

 grunt.registerTask ('add', function (value1, value2) {if (isNaN (Number (value1)))) {grunt.warn ('Prva vrijednost' + value1 + 'mora biti broj.');} if ( isNaN (Broj (vrijednost2))) {grunt.warn ('Druga vrijednost' + vrijednost2 + 'mora biti broj.');} Zbir varijable = Broj (vrijednost1) + Broj (vrijednost2); grunt.log.writeln ( 'Rezultat zbrajanja' + value1 + ' +' + value2 + 'je:' + sum);});

U našem prepisanom kodu potvrdili smo da ako je rezultat pretvorbe u Broj () parametara nije broj pokretanje metode upozoriti () ili upozorenje, ovo prekida nit i prikazuje poruku, tako da možemo izbjeći neispravan zadatak. Pogledajmo kako ovo izgleda na našoj konzoli prilikom izvršavanja zadatka:

Kao što primjećujemo i poznavanje jezika JavaScript Vrlo je važno pa ako smo ispod razine koju želimo doseći, moramo vježbati i pokušati izvesti što više vježbi kako bismo poboljšali svoje vještine.
Ovime smo završili ovaj vodič, kao što vidimo stvaranje zadataka s Roktati Nije jako složen, već nam njegova logika u vrijeme definiranja pomaže da olakšamo razumijevanje uporabe alata. Istinska je složenost u definiciji vlastite logike u trenutku kada znamo što će naš zadatak učiniti i kako ga možemo učiniti što višekratnim za korištenje, jer ako nije, radit ćemo uzalud.