hvis du noen gang har jobbet med kode, har du hørt uttrykket «Hold DET TØRT» («Ikke Gjenta deg selv»). Med andre ord, hvis du må utføre en oppgave gjentatte ganger, finn en måte å gjøre det mer effektivt–noe som vanligvis betyr mindre kode.

når vi begynner å utvikle et nytt prosjekt, finner vi oss ofte å gjenta de samme tingene igjen og igjen–ting som å optimalisere bilder, minifisere kode og kompilere filer. I noen tilfeller gjentok vi oss selv flere ganger i minuttet. Tidskostnaden for disse oppgavene legges opp raskt når vi gjør endringer eller oppretter nye filer.

Det er veldig ineffektivt. For ikke å nevne at det legger slitasje på fingrene og tastaturtastene. Task runners er her for å hjelpe!

Hva er En Oppgaveløper?

Oppgaveløpere gjør bokstavelig talt akkurat det … de kjører oppgaver. Kodere kan spesifisere hvilke oppgaver de vil at en oppgaveløper skal utføre, og det vil gjøre alt arbeidet for dem.

Før oppgaveløpere, hvis du ønsket å kompilere Sass, kjøre Autoprefixer, og deretter minify den resulterende CSS hver gang du gjorde en endring, ville du ha blitt tvunget til å fullføre hver oppgave separat. Naturligvis ville det bli irriterende veldig raskt. For ikke å nevne at du vil kaste bort en egregious mengde tid på å gjenta deg selv. Ikke morsomt.

med en oppgaveløper kan du angi oppgavene du vil fullføre, kjøre den en gang, og den vil gjøre alt arbeidet for deg. Spar tid, spar penger og redd verden (kanskje?).

det er en haug med oppgaveløpere der ute: Brunsj.Js, Gulp.Js, Brokkoli.Js, Kake.Js Og Grynt.js, bare for å nevne noen bygget I Javascript. Ja, deres navn høres ut som noe du ville gjøre under bursdagen din (unntatt brokkoli, som bare høres ut som en trist bursdag), men du kan bruke disse hele året!

vår oppgave løper av valget Er Grunt.js

Vår Oppgaveløper Av Valg

Vi har valgt Å bruke Grunt.js. Det er den mest støttede og populære oppgaveløperen på markedet. Det fungerer ved å lese En Gruntfile som inneholder oppgavekonfigurasjonen i Et Javascript-Objekt. Deretter kjører du en kommando i terminalen for å angi hvilken oppgave du vil kjøre. Easy peasy.

Din Gruntfile kan være så enkel eller robust som du vil at den skal være, avhengig av hvilke oppgaver du kjører.

Typiske Gruntfiles gjør følgende oppgaver:

CSS

  • Kompilere Sass i CSS
  • Kjør Autoprefixer på den nye CSS for å fange noen leverandør prefikser vi kan ha savnet
  • Minify prefikset CSS
  • Oppdater VÅR CSS banner med ny tidsstempel informasjon

javascript

  • sjekk vår javascript for feil
  • sammenkoble andre inkluderte skript i en fil
  • kontroller for feil
  • minify scripts

bilder

  • optimaliser eventuelle jpg, gif eller png for å lage filen størrelse mindre

andre verktøy

  • Se filer for endringer og kjør oppgaver etter behov
  • Kjør BrowserSync for testing i flere nettlesere og enheter samtidig

du kan forestille deg hvor smertefullt det ville være å kjøre disse oppgavene manuelt. Alt vi trenger å gjøre er å kjøre en enkel kommando:

$ grunt

Akkurat som magi, kjører denne kommandoen alle våre oppgaver og sparer oss fra å gjenta oss selv.

For mer informasjon Om Grunt.js, sjekk ut dokumentasjonen deres og begynn å se På Gruntfiles.

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert.