ha valaha is dolgozott kóddal, hallotta a “tartsa szárazon” (” ne ismételje meg magát”) kifejezést. Más szavakkal, ha egy feladatot többször kell végrehajtania, keresse meg a hatékonyabb módját–ami általában kevesebb kódot jelent.

amikor új projektet kezdünk fejleszteni, gyakran azon kapjuk magunkat, hogy ugyanazokat a dolgokat ismételjük újra és újra–például a képek optimalizálását, a kód tömörítését és a fájlok összeállítását. Egyes esetekben percenként többször ismételtük magunkat. Ezeknek a feladatoknak az időköltsége gyorsan összeadódik, amikor változtatásokat hajtunk végre vagy új fájlokat hozunk létre.

ez rettenetesen nem hatékony. Nem is beszélve arról, hogy növeli az ujjaink és a billentyűzet gombjainak kopását. Feladat futók itt, hogy segítsen!

mi az a feladat futó?

feladat futók szó nem csak, hogy… futnak feladatokat. A kódolók megadhatják, hogy mely feladatokat akarják végrehajtani egy feladatfutónak, és ez elvégzi az összes munkát helyettük.

mielőtt feladat futók, ha akarta lefordítani Sass, fut Autoprefixer, majd kicsinyíteni a kapott CSS minden alkalommal, amikor tett egy változás, akkor kénytelen lett volna befejezni minden feladatot külön-külön. Természetesen, ez nagyon gyorsan bosszantóvá válna. Arról nem is beszélve, hogy rengeteg időt pazarolnál önmagad ismételgetésére. Nem vicces.

A feladatfuttatóval megadhatja a elvégezni kívánt feladatokat, futtathatja egyszer, és elvégzi az összes munkát az Ön számára. Takarítson meg időt, pénzt takarítson meg, és mentse meg a világot (talán?).

van egy csomó feladat futók odakinn: Villásreggeli.js, korty.js, brokkoli.js, torta.js és Grunt.js, csak hogy néhányat említsünk beépített Javascript. Igen, a nevük úgy hangzik, mint valami, amit a születésnapod során tennél (kivéve a brokkolit, ami csak szomorú születésnapnak hangzik), de ezeket egész évben használhatja!

a feladat futó választás Grunt.js

a feladat futó választás

úgy döntöttünk, hogy használja Grunt.js. Ez a legszélesebb körben támogatott és legnépszerűbb feladat futó a piacon. Úgy működik, hogy elolvassa a Gruntfile, amely tartalmazza a feladat konfiguráció egy Javascript objektumot. Ezután futtat egy parancsot a terminálon, hogy meghatározza, melyik feladatot szeretné futtatni. Könnyű.

A Gruntfile lehet olyan egyszerű vagy robusztus, mint szeretné, hogy legyen, attól függően, hogy milyen feladatokat futtat.

a tipikus Gruntfiles a következő feladatokat látja el:

CSS

  • fordítsd le a Sass-t a CSS-be
  • futtasd az Autoprefixert az új CSS-en, hogy elkapd a szállító előtagjait, amelyeket esetleg kihagytunk
  • kicsinyítsd az előtagot CSS
  • frissítsd a CSS bannerünket új időbélyeg információkkal

Javascript

  • ellenőrizze a JavaScript hibák
  • összefűzni más tartalmazza szkriptek egy fájlba
  • ellenőrizze a hibákat
  • minify szkriptek

képek

  • optimalizálja a JPG, GIF, vagy PNG, hogy a Fájl méret kisebb

egyéb segédprogramok

  • nézze meg a fájlokat a változásokhoz, és szükség szerint futtassa újra a feladatokat
  • futtassa a BrowserSync-et egyszerre több böngészőben és eszközön történő teszteléshez

el tudja képzelni, milyen fájdalmas lenne ezeket a feladatokat manuálisan futtatni. Csak egy egyszerű parancsot kell futtatnunk:

$ grunt

csakúgy, mint a mágia, ez az egyetlen parancs futtatja az összes feladatunkat, és megment minket attól, hogy megismételjük magunkat.

További információ a Grunt.js, nézd meg a dokumentációjukat, és kezdd el átnézni a Gruntfiles-t.

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.