dacă ați lucrat vreodată cu cod, ați auzit expresia „păstrați-l uscat” (” nu vă repetați”). Cu alte cuvinte, dacă trebuie să efectuați o sarcină în mod repetat, găsiți o modalitate de a o face mai eficient–ceea ce înseamnă de obicei mai puțin cod.

când începem să dezvoltăm un nou proiect, ne găsim adesea repetând aceleași lucruri din nou și din nou–lucruri precum optimizarea imaginilor, minimizarea codului și compilarea fișierelor. În unele cazuri, ne repetam de mai multe ori pe minut. Costul de timp al acestor sarcini se adaugă rapid pe măsură ce facem modificări sau creăm fișiere noi.

e teribil de ineficient. Ca să nu mai vorbim că adaugă uzură pe degetele și tastele tastaturii noastre. Alergătorii de sarcini sunt aici pentru a vă ajuta!

ce este un alergător DE SARCINI?

alergătorii de sarcini fac literalmente doar asta… execută sarcini. Programatorii pot specifica ce sarcini doresc să efectueze un alergător de sarcini și va face toată munca pentru ei.

înainte de alergătorii de sarcini, dacă doriți să compilați Sass, să rulați Autoprefixer și apoi să minimizați CSS-ul rezultat de fiecare dată când ați făcut o modificare, ați fi fost forțat să finalizați fiecare sarcină separat. Firește, asta ar deveni enervant foarte repede. Ca să nu mai vorbim că ai pierde o cantitate flagrantă de timp repetându-te. Nu e distractiv.

cu un task runner, puteți specifica sarcinile pe care doriți să le finalizați, rulați-l o dată și va face toată munca pentru dvs. Economisiți timp, economisiți bani și salvați lumea (poate?).

există o grămadă de alergători DE SARCINI acolo: Brunch.JS, înghițitură.JS, Broccoli.js, tort.js, și mormăi.js, doar pentru a numi câteva construit în Javascript. Da, numele lor sună ca ceva ce ai face în timpul zilei de naștere (cu excepția broccoli, care sună doar ca o zi de naștere tristă), dar le poți folosi pe tot parcursul anului!

sarcina noastră alergător de alegere este Grunt.js

alergătorul nostru de sarcini la alegere

am ales să folosim Grunt.js. Este cel mai larg susținut și popular alergător de sarcini de pe piață. Acesta funcționează prin citirea unui Gruntfile care conține configurația sarcină într-un obiect Javascript. Apoi executați o comandă în terminalul dvs. pentru a specifica ce sarcină doriți să rulați. Ușor peasy.

Gruntfile dvs. poate fi la fel de simplu sau robust pe cât doriți să fie, în funcție de sarcinile pe care le executați.

Gruntfiles tipice face următoarele sarcini:

CSS

  • compila Sass în CSS
  • rulați Autoprefixer pe noul CSS pentru a prinde orice prefixe furnizor am fi pierdut
  • Minify prefix CSS
  • actualizați banner-ul nostru CSS cu noi informații timestamp

Javascript

  • verificați JavaScript-ul nostru pentru erori
  • concatenați alte scripturi incluse într-un singur fișier
  • verificați din nou Erorile
  • minify scripts

imagini

  • optimizați orice jpg, gif sau PNG pentru a face Dimensiunea fișierului mai mici

alte utilitati

  • urmăriți fișierele pentru modificări și reluați sarcinile după cum este necesar
  • rulați BrowserSync pentru testarea în mai multe browsere și dispozitive simultan

vă puteți imagina cât de dureros ar fi să trebuiască să rulați aceste sarcini manual. Tot ce trebuie să facem este să executăm o comandă simplă:

$ grunt

la fel ca magia, această singură comandă execută toate sarcinile noastre și ne salvează de la repetarea noastră.

pentru mai multe informații despre Grunt.js, verifică documentația lor și începe să te uiți la Gruntfiles.

Lasă un răspuns

Adresa ta de email nu va fi publicată.