Diejenigen, die meine unterschiedlichen Projekte auf GitHub ein wenig verfolgen, konnten sicherlich schon feststellen, dass ich ganz gerne auf den "Task Runner" Gulp setze, um für einen effizienten Workflow bei der Erstellung von Websites zu sorgen.

Da es letztendlich dann doch ein wenig umständlich ist, für jedes einzelne Projekt, Gulp sozusagen komplett “from Scratch”, wie man es so schön im Englischen sagt, einzurichten und erst die Konfigurationsdatei gulpfile.js anlegen zu müssen, habe ich mir praktisch ein Grundgerüst für zukünftige Projekte mit Gulp geschaffen: das Gulp Starter Kit.

Mit meinem Gulp Starter Kit ist es nun eine Sache von wenigen Minuten, eine neue Arbeitsumgebung inkl. ordentlichem Workflow einzurichten. Die Voraussetzung ist natürlich, dass Node.js, Sass und Gulp 4 schon auf eurem Computer laufen. Anschließend muss das Gulp Starter Kit nur noch zusammen mit allen Abhängigkeiten installiert werden. Dies geht z.B. ganz einfach mittels des Node Package Managers, kurz npm.

Automatisch eingerichtet sind von Beginn an folgende Dinge:

  • Kopieren aller HTML-Dateien vom src-Ordner in den dist-Ordner
  • Kompilierung von Sass zu CSS inkl. einer automatischen Hinzufügung von Browser-Präfixen, dem Minifizieren des CSS-Codes und dem anschließenden Abspeichern der entsprechenden Dateien im dist-Folder
  • Kompilierung von JavaScript-Code des Standards ES6 und neuer zu ES5 inkl. dem Verketten von allen JS-Dateien und der Minifizierung des Codes
  • Kopieren aller "Production-Dependencies" aus dem Ordner node_modules in einen node_modules-Ordner innerhalb des Ordners dist
  • Aufsetzung eines lokalen Webservers mit Auto-Reloading beim Abspeichern von Änderungen

Obwohl sich das Gulp Starter Kit in der Alpha-Phase befindet und damit noch ziemlich in den Kinderschuhen steckt, sind das schon einige Features und in Zukunft werden natürlich noch weitere folgen.

Besonders wichtig ist dabei natürlich eine leichte Erweiterungs- bzw. Adaptierungsmöglichkeit, schließlich wäre es ein wenig sinnfrei, wenn man letztendlich doch alles anpassen muss, damit das Gulp Starter Kit den individuellen Ansprüchen eines bestimmten Projekts entspricht.

Gerade weil das Projekt noch in einer so frühen Phase steckt, bin ich natürlich umso erfreuter, wenn jemand Ideen für weitere Features mit in das Projekt einbringt, bestehende Features gut testet und eventuell sogar selbst das eine oder andere umsetzt. Kurzum: Jegliche Formen von Contributions sind herzlich willkommen.

Zentrale Anlaufstelle dafür ist selbstverständlich das GitHub-Repository des Projekts. Wer noch nicht wirklich was mit GitHub anfangen kann, sollte vorher vielleicht mal bei meiner Ressource über GitHub vorbeischauen.

Titelbild: Screenshot des GitHub-Repositorys (jr-cologne/gulp-starter-kit)