Wenn Sie jemals mit Code gearbeitet haben, haben Sie den Satz „Keep it DRY“ (“ Wiederholen Sie sich nicht“) gehört. Mit anderen Worten, wenn Sie eine Aufgabe wiederholt ausführen müssen, finden Sie einen Weg, dies effizienter zu tun – was normalerweise weniger Code bedeutet.

Wenn wir mit der Entwicklung eines neuen Projekts beginnen, wiederholen wir oft dieselben Dinge immer wieder – Dinge wie das Optimieren von Bildern, das Minimieren von Code und das Kompilieren von Dateien. In einigen Fällen wiederholten wir uns mehrmals pro Minute. Die Zeitkosten dieser Aufgaben summieren sich schnell, wenn wir Änderungen vornehmen oder neue Dateien erstellen.

Das ist furchtbar ineffizient. Ganz zu schweigen davon, dass unsere Finger und Tastaturtasten dadurch abgenutzt werden. Task Runners sind hier, um zu helfen!

Was ist ein Task Runner?

Taskrunner tun buchstäblich genau das … sie führen Aufgaben aus. Programmierer können angeben, welche Aufgaben ein Task-Runner ausführen soll, und er erledigt die gesamte Arbeit für sie.

Wenn Sie vor dem Ausführen von Aufgaben Sass kompilieren, Autoprefixer ausführen und dann das resultierende CSS bei jeder Änderung minimieren möchten, wären Sie gezwungen gewesen, jede Aufgabe separat abzuschließen. Das würde natürlich sehr schnell nervig werden. Ganz zu schweigen davon, dass Sie ungeheuer viel Zeit damit verschwenden würden, sich zu wiederholen. Nicht lustig.

Mit einem Taskrunner können Sie die Aufgaben angeben, die Sie ausführen möchten, ihn einmal ausführen und die gesamte Arbeit für Sie erledigen. Sparen Sie Zeit, sparen Sie Geld und retten Sie die Welt (vielleicht?).

Es gibt eine Reihe von Aufgabenläufern: Brunch.js, Schluck.js, Brokkoli.js, Kuchen.js, und Grunzen.js, um nur einige in Javascript integrierte zu nennen. Ja, ihre Namen klingen wie etwas, das Sie während Ihres Geburtstages tun würden (außer Brokkoli, das klingt nur nach einem traurigen Geburtstag), aber Sie können diese das ganze Jahr über verwenden!

Unser Taskrunner der Wahl ist Grunt.js

Unser Taskrunner der Wahl

Wir haben uns für Grunt entschieden.js. Es ist der am weitesten verbreitete und beliebteste Task-Runner auf dem Markt. Es funktioniert durch Lesen einer Gruntdatei, die Ihre Aufgabenkonfiguration in einem Javascript-Objekt enthält. Dann führen Sie einen Befehl in Ihrem Terminal aus, um anzugeben, welche Aufgabe Sie ausführen möchten. Einfach peasy.

Ihre Gruntdatei kann so einfach oder robust sein, wie Sie es möchten, je nachdem, welche Aufgaben Sie ausführen.

Typische Gruntfiles führen die folgenden Aufgaben aus:

CSS

  • Kompilieren Sie Sass in CSS
  • Führen Sie Autoprefixer auf dem neuen CSS aus, um alle Herstellerpräfixe abzufangen, die wir möglicherweise verpasst haben
  • Minimieren Sie das Präfix CSS
  • Aktualisieren Sie unser CSS-Banner mit neuen Zeitstempelinformationen

Javascript

  • Überprüfen Sie unser Javascript auf Fehler
  • Verketten Sie andere enthaltene Skripte in einer Datei
  • Überprüfen Sie erneut auf Fehler
  • Skripte minimieren

Bilder

  • Optimieren Sie JPG, GIF oder PNG, um kleiner

Andere Dienstprogramme

  • Beobachten Sie Dateien auf Änderungen und führen Sie Aufgaben bei Bedarf erneut aus
  • Führen Sie BrowserSync zum Testen in mehreren Browsern und Geräten gleichzeitig aus

Sie können sich vorstellen, wie schmerzhaft es wäre, diese Aufgaben manuell ausführen zu müssen. Alles, was wir tun müssen, ist einen einfachen Befehl auszuführen:

$ grunt

Genau wie Magie führt dieser eine Befehl alle unsere Aufgaben aus und erspart uns, uns zu wiederholen.

Für weitere Informationen über Grunt.js, schauen Sie sich ihre Dokumentation an und schauen Sie sich Gruntfiles an.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.