Als u ooit met code hebt gewerkt, hebt u de zin “keep it DRY” (” Don ’t Repeat Yourself”) gehoord. Met andere woorden, als je een taak herhaaldelijk moet uitvoeren, vind dan een manier om het efficiënter te doen–wat meestal minder code betekent.

wanneer we een nieuw project beginnen te ontwikkelen, herhalen we vaak dezelfde dingen telkens weer–dingen zoals het optimaliseren van afbeeldingen, het minifyen van code en het compileren van bestanden. In sommige gevallen herhaalden we onszelf meerdere keren per minuut. De tijdskosten van deze taken worden snel opgeteld als we wijzigingen aanbrengen of nieuwe bestanden maken.

dat is vreselijk inefficiënt. Niet te vergeten dat het voegt slijtage aan onze vingers en toetsenbord toetsen. Taak lopers zijn hier om te helpen!

Wat is een taak loper?

Taakrunners doen letterlijk precies dat… ze draaien taken. Programmeurs kunnen opgeven welke taken ze willen dat een taak loper uit te voeren, en het zal al het werk voor hen doen.

voor taakrunners, als u Sass wilde compileren, Autoprefixer wilde uitvoeren en vervolgens de resulterende CSS elke keer als u een wijziging maakte, zou u gedwongen zijn geweest om elke taak afzonderlijk te voltooien. Natuurlijk zou dat heel snel vervelend worden. Niet te vergeten dat je een enorme hoeveelheid tijd zou verspillen door jezelf te herhalen. Niet leuk.

met een taakrunner kunt u de taken opgeven die u wilt uitvoeren, het één keer uitvoeren en het zal al het werk voor u doen. Bespaar tijd, bespaar geld en red de wereld (misschien?).

er zijn een aantal taakrunners: Brunch.js, slik.js, Broccoli.js, taart.js, en Grunt.js, om er maar een paar te noemen die in Javascript zijn ingebouwd. Ja, hun namen klinken als iets wat je zou doen tijdens je verjaardag (behalve broccoli, dat klinkt gewoon als een trieste verjaardag), maar je kunt deze het hele jaar door gebruiken!

onze favoriete taakloper is Grunt.js

onze taak loper naar keuze

we hebben ervoor gekozen om Grunt te gebruiken.js. Het is de meest ondersteunde en populaire taak loper op de markt. Het werkt door het lezen van een Gruntfile dat uw taakconfiguratie in een Javascript-Object bevat. Vervolgens voer je een commando uit in je terminal om aan te geven welke taak je wilt uitvoeren. Easy peasy.

uw Gruntbestand kan zo eenvoudig of robuust zijn als u wilt, afhankelijk van welke taken u uitvoert.

typische Gruntfiles doen de volgende taken:

CSS

  • Compileren Sass in CSS
  • Uitvoeren Autoprefixer op de nieuwe CSS te vangen leverancier voorvoegsels we hebben gemist
  • Kleineren de prefix CSS
  • Update van onze CSS banner met een nieuwe tijdstempel informatie

Javascript

  • bekijk onze Javascript-fouten
  • Het samenvoegen van andere scripts in een bestand
  • Controleer op fouten
  • Kleineren Scripts

Afbeeldingen

  • het Optimaliseren van alle JPG -, GIF -, of PNG te maken van de grootte van het bestand kleiner

Andere Hulpprogramma ‘ s

  • bestanden bekijken voor wijzigingen en taken opnieuw uitvoeren
  • BrowserSync uitvoeren voor testen in meerdere browsers en apparaten tegelijk

u kunt zich voorstellen hoe pijnlijk het zou zijn om deze taken handmatig uit te voeren. We hoeven alleen maar een simpel commando uit te voeren.:

$ grunt

net als magie, dit ene commando voert al onze taken en bespaart ons van het herhalen van onszelf.

voor meer informatie over Grunt.js, bekijk hun documentatie en kijk naar Gruntfiles.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.