Erstellen von Tasks in Gulp

Für die Arbeit von Gulp wird eine spezielle Datei gulpfile.js benötigt, die im Stammverzeichnis des Projekts platziert wird. In dieser Datei werden Tasks für Gulp platziert. Diese Tasks sind JavaScript-Funktionen.

Lasst uns zur Aufwärmung einen Test-Task erstellen. Zuerst erstellen wir die genannte Datei und binden unsere Bibliothek ein:

let gulp = require('gulp');

Erstellen wir eine Funktion für unseren ersten Task und exportieren sie:

let gulp = require('gulp');

function task(cb) {
	console.log('my first task completed!');
	cb(); // spezieller Callback, dazu später mehr
}

exports.default = task;

Um unseren Task zu starten, führen wir, während wir uns im Projektordner befinden, in der Kommandozeile folgenden Befehl aus:

gulp

Erstellen Sie einen Task, der den aktuellen Zeitpunkt in der Konsole ausgibt. Starten Sie diesen Task über die Kommandozeile.

Erklärung von cb

Sie haben sicherlich bemerkt, dass in die Task-Funktion eine Callback-Funktion als Parameter übergeben wird, die am Ende des Tasks aufgerufen werden muss:

function task(cb) {
	console.log('my first task');
	cb(); // Callback aufrufen
}

Dies geschieht, um Gulp zu benachrichtigen, dass der Task abgeschlossen ist und mit dem nächsten Task begonnen werden kann.

Sie müssen nicht zu sehr darüber nachdenken - rufen Sie einfach den Callback am Ende auf. In den folgenden Lektionen, wenn unser Task etwas über return zurückgibt, wird der Callback-Aufruf nicht mehr nötig sein.