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:
$ gruntcsakú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.