Gulp ist ein plattformübergreifender Streaming-Task-Runner, mit dem Entwickler viele Entwicklungsaufgaben automatisieren können. Auf hoher Ebene liest gulp Dateien als Streams und leitet die Streams an verschiedene Aufgaben weiter. Diese Aufgaben sind codebasiert und verwenden Plugins. Die Tasks modifizieren die Dateien, indem sie Quelldateien in Produktionsdateien umwandeln. Um eine Vorstellung davon zu bekommen, was Gulp kann, sehen Sie sich die Liste der Gulp-Rezepte auf GitHub an.

Voraussetzungen

Bevor wir Gulp.js installieren, benötigen wir zuerst ein paar Dinge.

• Ein Server mit Ubuntu 20.04 oder 18.04. Ich verwende einen dedizierten Server von  Spin-Server .
• Etwa 10 Minuten und eine Tasse Kaffee oder heißen Tee. Ich bevorzuge Vanilla Chai mit einem Schuss Vollmilch oder Mandel je nach Tagesstimmung.

Schritt 1 – Aktualisieren Sie Ihr System

Das Wichtigste zuerst:Aktualisieren Sie Ihr System immer, bevor Sie Software installieren oder Änderungen vornehmen. Verwenden Sie dazu diesen Befehl:

$ sudo apt-get upgrade

Schritt 2 – Node.js installieren

Um Gulp zu installieren, müssen wir zuerst das Node.js-Repository installieren.

$ curl -fsSL https://deb.nodesource.com/setup_17.x | sudo -E bash -

Installieren Sie Node.js:

$ sudo apt-get install -y nodejs

Version überprüfen:

$ node --version

Schritt 4 – Erstellen Sie eine Beispielanwendung mit NPM

Erstellen Sie ein neues Anwendungsverzeichnis. Ersetzen Sie „App-Name“ durch einen Namen Ihrer Wahl.

$ mkdir [app name]

Wechseln Sie in das erstellte Verzeichnis und erstellen Sie die Anwendung.

$ cd [app name]
$ npm init

Anschließend werden Ihnen einige Fragen zur Bewerbung gestellt.

Schritt 5 – Gulp.js installieren

Installieren Sie Gulp.js mit dem Gulp-CLI-Tool.

$ npm install -g gulp-cli

Sobald das Installationsprogramm Sie dazu auffordert, ändern Sie den Verzeichnispfad in Ihren Anwendungsnamen.

$ cd /root/[app name]
$ npm install --save-dev gulp

Überprüfen Sie die Gulp.js-Version.

$ gulp --version

Schritt – Gulp-Anwendung erstellen

Jetzt können wir eine Gulp-Beispielanwendung erstellen. Verwenden Sie den folgenden Befehl, um die Datei zu erstellen.

$ nano /root/[app name]/gulpfile.js

Fügen Sie diesen Inhalt der Datei hinzu:

var gulp = require('gulp');

gulp.task('hello', function(done) {
  console.log('Hello World!!!');
  done();
});

Speichern und beenden Sie die Datei.

Führen Sie die Gulp-Aufgabe aus.

$ gulp hello

Ihre Gulp.js-Anwendung ist jetzt betriebsbereit! :)