hvis du nogensinde har arbejdet med kode, har du hørt sætningen “hold det tørt” (” gentag ikke dig selv”). Med andre ord, hvis du skal udføre en opgave gentagne gange, skal du finde en måde at gøre det mere effektivt på–hvilket typisk betyder mindre kode.

når vi begynder at udvikle et nyt projekt, finder vi ofte, at vi gentager de samme ting igen og igen–ting som optimering af billeder, minificering af kode og kompilering af filer. I nogle tilfælde gentog vi os flere gange i minuttet. Tidsomkostningerne for disse opgaver tilføjes hurtigt, når vi foretager ændringer eller opretter nye filer.

det er frygteligt ineffektivt. For ikke at nævne, at det tilføjer slid på vores fingre og tastaturtaster. Task løbere er her for at hjælpe!

Hvad er en Task Runner?

Opgaveløbere gør bogstaveligt talt netop det… de kører opgaver. Kodere kan angive, hvilke opgaver de ønsker en opgave runner til at udføre, og det vil gøre alt arbejdet for dem.

før opgave løbere, hvis du ønskede at kompilere Sass, køre Autoprefikser, og derefter minify den resulterende CSS hver gang du har foretaget en ændring, ville du have været tvunget til at fuldføre hver opgave separat. Naturligvis ville det blive irriterende virkelig hurtigt. For ikke at nævne, at du ville spilde en alvorlig tid på at gentage dig selv. Ikke sjovt.

med en opgaveløber kan du angive de opgaver, du vil udføre, køre den en gang, og den vil gøre alt arbejdet for dig. Spar tid, Spar penge og red verden (måske?).

der er en flok opgaveløbere derude: Brunch.JS, Gulp.JS, Broccoli.JS, kage.js, og grynt.js, bare for at nævne nogle få indbyggede Javascript. Ja, deres navne lyder som noget, du ville gøre under din fødselsdag (undtagen broccoli, det lyder bare som en trist fødselsdag), men du kan bruge disse hele året rundt!

vores opgave runner valg er grynt.js

vores Opgaveløber efter eget valg

vi har valgt at bruge Grunt.js. Det er den mest understøttede og populære opgaveløber på markedet. Det virker ved at læse en Gruntfile, der indeholder din opgavekonfiguration i et Javascript-objekt. Derefter kører du en kommando i din terminal for at angive, hvilken opgave du vil køre. Nem peasy.

din Gruntfile kan være så enkel eller robust, som du gerne vil have den, afhængigt af hvilke opgaver du kører.

typiske Gruntfiles gør følgende opgaver:

CSS

  • kompilere Sass i CSS
  • Kør Autoprefikser på den nye CSS for at fange eventuelle leverandørpræfikser, vi måtte have savnet
  • Komprimer det præfiksede CSS
  • Opdater vores CSS-banner med nye tidsstempeloplysninger

Javascript

  • tjek vores javascript for fejl
  • sammenkæd andre inkluderede scripts til en fil
  • kontroller igen for fejl
  • Komprimer scripts

billeder

  • Optimer enhver jpg, gif eller png for at gøre filstørrelsen til en fil

andre hjælpeprogrammer

  • se filer for ændringer og kør opgaver efter behov
  • Kør bro.Ssync til test i flere bro. sere og enheder på en gang

du kan forestille dig, hvor smertefuldt det ville være at skulle køre disse opgaver manuelt. Alt hvad vi skal gøre er at køre en simpel kommando:

$ grunt

ligesom magi kører denne ene kommando alle vores opgaver og redder os fra at gentage os selv.

For mere information om Grunt.js, tjek deres dokumentation og begynd at se på Gruntfiles.

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.