pokud jste někdy pracovali s kódem, slyšeli jste frázi „Keep it DRY“ („neopakujte se“). Jinými slovy, pokud musíte úkol provádět opakovaně, najděte způsob, jak to udělat efektivněji–což obvykle znamená méně kódu.

když začneme vyvíjet nový projekt, často se setkáváme s opakováním stejných věcí znovu a znovu–věci jako optimalizace obrázků, Minifikace kódu a kompilace souborů. V některých případech jsme se opakovali několikrát za minutu. Časové náklady na tyto úkoly se rychle zvyšují, když provádíme změny nebo vytváříme nové soubory.

to je strašně neefektivní. Nemluvě o tom, že zvyšuje opotřebení prstů a kláves na klávesnici. Běžci úkolů jsou zde, aby vám pomohli!

co je to běžec úkolů?

Běžci úkolů doslova dělají jen to … spouštějí úkoly. Kodéry mohou určit, které úkoly chtějí úkol běžec provést, a to bude dělat všechnu práci za ně.

před běžci úloh, pokud byste chtěli zkompilovat Sass, spustit Autoprefixer a poté minifikovat výsledný CSS pokaždé, když jste provedli změnu, byli byste nuceni dokončit každý úkol zvlášť. Přirozeně, to by bylo nepříjemné opravdu rychle. Nemluvě o tom, že byste ztráceli neskutečné množství času opakováním sebe sama. To není legrace.

s běžcem úloh můžete určit úkoly, které chcete dokončit, spustit je jednou a udělá za vás veškerou práci. Ušetřete čas, ušetřete peníze a zachraňte svět (možná?).

existuje spousta běžců úkolů: Brunch.JS, doušek.js, brokolice.js, dort.js, a Grunt.js, jen abychom jmenovali alespoň některé postavené v JavaScriptu. Ano, jejich jména zní jako něco, co byste udělali během svých narozenin (kromě brokolice, která zní jako smutné narozeniny), ale můžete je používat po celý rok!

naším úkolem běžec volby je Grunt.js

náš úkol běžec volby

rozhodli jsme se použít Grunt.js. Je to nejrozšířenější a nejoblíbenější běžec úkolů na trhu. Funguje tak, že čte Gruntfile, který obsahuje konfiguraci úkolu v objektu Javascript. Poté spustíte příkaz v terminálu a určíte, kterou úlohu chcete spustit. Snadné peasy.

váš Gruntfile může být stejně jednoduchý nebo robustní, jak byste chtěli, aby to bylo, v závislosti na tom, jaké úkoly jsou spuštěny.

typické Gruntfiles provádět následující úkoly:

CSS

  • zkompilujte Sass do CSS
  • spusťte Autoprefixer na novém CSS, abyste zachytili všechny předpony dodavatele, které jsme možná zmeškali
  • Minifikujte předponu CSS
  • Aktualizujte náš banner CSS s novými informacemi o časovém razítku

Javascript

  • zkontrolujte, zda v našem JavaScriptu nejsou chyby
  • zřetězit další zahrnuté skripty do jednoho souboru
  • překontrolovat chyby
  • minifikovat skripty

obrázky

  • optimalizujte jakýkoli JPG, GIF nebo PNG, aby se velikost souboru zmenšila

další nástroje

  • Sledujte soubory pro změny a opakování úkolů podle potřeby
  • spusťte BrowserSync pro testování ve více prohlížečích a zařízeních najednou

dokážete si představit, jak bolestivé by bylo tyto úkoly spouštět ručně. Jediné, co musíme udělat, je spustit jeden jednoduchý příkaz:

$ grunt

stejně jako magie, tento příkaz spustí všechny naše úkoly a zachrání nás před opakováním.

pro více informací o Grunt.js, podívejte se na jejich dokumentaci a začněte se dívat na Gruntfiles.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.