Einführung in Gulp 4

Gulp ist ein Tool zur Automatisierung häufig auftretender Aufgaben bei der Website-Entwicklung: Minimierung von CSS- und JavaScript-Dateien, Zusammenführung mehrerer Dateien zu einer, Konvertierung von LESS und SASS in CSS, Konvertierung der Sprache TypeScript in JavaScript und ähnlicher Aufgaben.

Das Funktionsprinzip ist wie folgt: Für das Gulp-System werden Aufgaben geschrieben, und Gulp führt diese Aufgaben in einer festgelegten Reihenfolge aus.

Lassen Sie uns Gulp installieren. Dazu muss in der Befehlszeile folgender Befehl ausgeführt werden:

terminalnpm install --global gulp-cli

Jetzt erstellen wir ein Projekt, in dem Gulp verwendet wird. Dazu erstellen wir im Projektordner die folgende Dateistruktur:

• /src//js/script1.jsscript2.jsscript3.js/css/styles1.cssstyles2.css/img/image1.pngimage2.pngimage3.pngindex.html

Auch muss der Projektordner eine package.json Datei enthalten. Danach kann Gulp im Projekt installiert werden. Dazu muss in der Befehlszeile, im Projektordner, folgender Befehl ausgeführt werden:

terminalnpm install --save-dev gulp