Izveidojiet mūsu pirmo uzdevumu ar Grunt

Satura rādītājs
Uzstādīšana un izveide Grunt Tas ir kaut kas pavisam vienkārši izdarāms, taču, tiklīdz mums ir visi rīki un zināmas dažas pamata komandas, mēs bieži domājam, ko mēs varam darīt tagad? Nākamais solis ir ļoti vienkāršs, ir pienācis laiks sākt veidot uzdevumus.
Uzdevuma ideja ir tāda, ka tas var atrisināt biežas problēmas vai darbības, kuras mēs vienmēr veicam darba dienas vai lietojumprogrammu izstrādes laikā, kad, atkārtojot savu raksturu, mēs varam šiem uzdevumiem noteikt parametrus un tādējādi tie vienmēr var darboties bez nepieciešamības tos izgatavot no nulles.
PrasībasŠī apmācība iesaka jums zināt pamatnoteikumus JavaScript jo mēs izmantosim daudzas lietas no šīs valodas. Vēl viena būtiska prasība ir tāda, ka mums jābūt instalētai un konfigurētai Grunt mūsu sistēmā vai smilšu kastē, tas nozīmē, ka mums ir jābūt Node.js, jūsu paku pārvaldnieks npm un protams Grunt. Visbeidzot, mums ir jābūt teksta redaktoram, lai izveidotu mūsu vingrinājumu saturu, un pietiekamām atļaujām, lai izveidotu failus un brīvi izpildītu grunt komandu konsolē.
Uzdevums ir darbība, kurai ir sākums, attīstība un beigas Grunt uzdevums ir nekas vairāk kā funkcija JavaScript kas atrodas failā Gruntfile.js un tas, izpildot komandu kurnēt mūsu konsolē mēs varam veikt šīs funkcijas izpildi, izraisot tās satura palaišanu.
Uzdevumi tiek pārvaldīti modulāri, līdzīgi kā pamata konstitūcijā Node.jsTāpēc katru reizi, kad definējam jaunu uzdevumu kopu, mums jāpievieno norādījumi, kas norāda uz to modularitāti.
Lai izveidotu uzdevumu, mūsu failā ir nepieciešams pamata kods gruntfile.js, šo kodu sauc katls tā kā tas atkārtojas, tomēr mēs to izmantojam tikai vienu reizi, redzēsim, kā tas izskatās:
 module.exports = function (grunt) {// šeit ir mūsu uzdevumu saturs};
Kad esam ievietojuši šo kodu savā failā, mums jau ir pamats vai konstitūcija, lai varētu izveidot savus uzdevumus. Kad tas ir izdarīts, mēs veiksim uzdevumu, kas ļauj mums rakstīt ziņojumu, izmantojot konsoli, šim nolūkam mēs rakstīsim šādu kodu:
 module.exports = function (grunt) {grunt.registerTask ('noklusējuma', function () {console.log ('Labdien, mēs esam iemetuši ziņojumu Grunt.');});};
To, ko esam paveikuši, ir ļoti viegli izskaidrot, vispirms mēs esam paņēmuši objektu kurnēt ko mēs veidojam ar savu kodu katls, tad šajā objektā mēs esam izpildījuši metodi registerTask kas mums palīdz pateikt Grunt ka mēs pievienojam jaunu uzdevumu, nākamajā darbībā mēs tam piešķiram nosaukumu un pēc tam ar anonīmu funkciju nododam tam sava uzdevuma saturu, kas šajā gadījumā ir ziņojums konsolē.
Apskatīsim, kā šis piemērs izskatās, izpildot uzdevumu, tam mapē, kurā mēs saglabājam savu failu gruntfile.js mēs izpildīsim šādu komandu:
 kurnēt
Kur tad konsolei vajadzētu dot mums šādu rezultātu:

Ir svarīgi pieminēt, ka šim uzdevumam mēs izmantojam noklusējuma nosaukumu, jo tas ir uzdevums Grunt tā meklēs pēc noklusējuma, kā norāda nosaukums mūsu failā gruntfile.js, ja tam nebūtu šī nosaukuma, izpildes laikā mēs saņemtu kļūdu kurnēt kā mēs redzam nākamajā attēlā:

Mūsu iepriekšējais piemērs, lai arī tas darbojas, nav tas ieteicamākais, mēs vienkārši esam izmantojuši konsoli Node.js bet tam nav visas konsoles funkcijas un īpašības Grunt tādēļ, ja mums ir kāda papildu informācija no uzdevumu programmas, mēs to noteikti neredzēsim. Tāpēc mums ir jāizmanto sava uzdevumu automatizācijas dzinēja konsole, jēdziens filozofijā ir praktiski vienāds tikai ar to, ka mēs mainām objektus un funkcijas, kuras mums jāizsauc.
Tālāk redzēsim, kā mēs varam pārrakstīt savu kodu no iepriekšējā piemēra, lai varētu izpildīt to, ko esam izskaidrojuši:
 module.exports = function (grunt) {grunt.registerTask ('noklusējums', function () {grunt.log.writeln ('Šo ziņojumu parāda Grunt konsole.');});};
Kā mēs redzam, mēs tikai atkārtoti izmantojam objektu kurnēt faila iniciālis, tad mēs izmantojam tā klasi žurnāls un visbeidzot metode rakstīt, rezultāts ir tāds pats kā iepriekšējā piemērā tikai ar atšķirību, ka esam izmantojuši kaut ko optimālāku saviem mērķiem. Tālāk redzamajā attēlā redzēsim, kā viss tika pareizi uzturēts:

Sākumā mēs runājām par atkārtoti lietojamiem uzdevumiem un kas ļauj ietaupīt laiku, viena no lietām, kas ļauj mums sasniegt pienācīgu uzdevumu atkārtotas izmantošanas pakāpi, ir iespēja tiem pievienot parametrus, tādējādi mēs varam mainīt dažas vērtības Atbilstoši situācijai, kādā mēs varam atrasties, piemēram, izveidot lietotājus sistēmai tieši ar Grunt, ar kuru mēs varam kā parametru nodot faila nosaukumu ar lietotāju sarakstu.
Turpmākajā kodā mēs darīsim kaut ko ļoti interesantu, pirmkārt, mēs redzēsim, kā izveidot uzdevumus, kas nav mūsu noklusējuma process, tāpēc mums jau būs atslēga, lai vienā failā būtu vairāki uzdevumi. Parametrs, kas saņems mūsu uzdevumu, vienkārši tiks iestatīts anonīmajā funkcijā, tādā veidā mēs varam to uztvert un apstrādāt tās pamattekstā.
Apskatīsim kodu šī uzdevuma ģenerēšanai, kā uzdevumu mēs varam ievietot šo kodu pēc noklusējuma uzdevuma, lai pārbaudītu to, ko esam izskaidrojuši:
 grunt.registerTask ('sakiet sveicienu', funkcija (nosaukums) {grunt.log.writeln ('Labdien:' + vārds + 'labrīt šodien');});
Tagad, lai konsole izsauktu uzdevumu, mēs vienkārši rīkojamies šādi:
 grunt saka sveiki: Vārds
Kā mēs redzam, mēs ievietojam uzdevuma nosaukumu un ar kolu atdalām, lai nodotu nepieciešamo parametru, šajā gadījumā nosaukumu, kuru vēlamies nosūtīt uzdevumam, redzēsim, kā tas izskatās mūsu konsolē:

Kas notiek, ja mūsu uzdevumam ir jānokārto divi vai vairāki parametri, vienkārši pievienojot to kodu, mēs tos pievienojam kā komatu atdalītus kā funkciju JavaScript normāli, un, zvanot viņiem konsolē, mēs varam tos novietot ar tādu pašu atdalīšanas veidu, redzēsim kodu, kurā mēs veicam uzdevumu, kas mums parāda šo:
 grunt.registerTask ('pievienot', funkcija (vērtība1, vērtība2) {var summa = Skaitlis (vērtība1) + Skaitlis (vērtība2); grunt.log.writeln ('Pievienojot rezultātu + vērtība1 +' + ' + vērtība2 +' ir: '+ summa);});
Tagad redzēsim, kā tas izskatās, kad mēs izbraucam caur konsoli ar šo piemēru ar zvanu un atbildi:

Kaut ko interesantu, ko mēs varētu pamanīt, ir tas, ka mēs to izmantojam JavaScript Plakana un vienkārši definējama apstrāde, šīs valodas lietošana ir ļoti svarīga, jo šādā veidā mēs varēsim paplašināt savas spējas attiecībā uz visu, ko varam sasniegt uzdevumu veikšanas laikā. Grunt.
Mūsu uzdevumos ir iespējams izmantot brīdinājumus, ar to mēs varam nedaudz apstiprināt no lietotāja saņemtos parametrus, piemēram, mūsu iepriekšējais uzdevums ir summa, bet, ja mēs ievietojam kaut ko citu, nevis numuru, mūsu darbība noteikti neizdosies, tāpēc mēs varam rīkojieties šādi: ar metodes palīdzību brīdināt () Mēs pārbaudīsim, vai abi parametri ir skaitļi, un gadījumā, ja tie nav, mēs izsludināsim brīdinājumu:
 grunt.registerTask ('pievienot', funkcija (vērtība1, vērtība2) {if (isNaN (Skaitlis (vērtība1))) {grunt.warn ('Pirmajai vērtībai' + vērtība1 + 'ir ​​jābūt skaitlim.');} if ( isNaN (Skaitlis (vērtība2))) {grunt.warn ('Otrajai vērtībai' + vērtība2 + 'ir ​​jābūt skaitlim.');} Var summa = Skaitlis (vērtība1) + Skaitlis (vērtība2); grunt.log.writeln ( 'Rezultāta pievienošana' + vērtība1 + ' +' + vērtība2 + 'ir:' + summa);});
Savā pārrakstītajā kodā mēs esam apstiprinājuši, ka, ja konversijas uz Skaitlis () no parametriem nav skaitlis, palaidiet metodi brīdināt () vai brīdinājums, tas pārtrauc pavedienu un parāda ziņojumu, lai mēs varētu izvairīties no kļūdaina uzdevuma. Apskatīsim, kā tas izskatās mūsu konsolē, izpildot uzdevumu:

Kā mēs pamanām arī valodas zināšanas JavaScript Tas ir ļoti svarīgi, tādēļ, ja esam zem līmeņa, kuru vēlamies sasniegt, mums ir jātrenējas un jācenšas veikt pēc iespējas vairāk vingrinājumu, lai uzlabotu savas prasmes.
Ar to mēs esam pabeiguši šo apmācību, jo mēs redzam uzdevumu izveidi ar Grunt Tas nav ļoti sarežģīts, drīzāk tā loģika to noteikšanas brīdī palīdz mums atvieglot izpratni par rīka izmantošanu. Patiesā sarežģītība ir mūsu pašu loģikas definīcijā brīdī, kad mēs zinām, ko mūsu uzdevums darīs un kā mēs varam padarīt to pēc iespējas vairākkārt lietojamu, jo, ja tā nav, mēs strādāsim veltīgi.
wave wave wave wave wave