So installieren Sie GulpJS unter Ubuntu 20.04

In diesem Tutorial zeigen wir Ihnen, wie Sie GulpJS unter Ubuntu 20.04 installieren. Sie werden lernen, GulpJS einzurichten, um Javascript-Dateien auf Ubuntu zu minimieren.

GulpJS ist ein Toolkit, mit dem Sie schmerzhafte oder zeitaufwändige Aufgaben in Ihrem Entwicklungsworkflow automatisieren können. Integrationen sind in alle wichtigen IDEs integriert und die Leute verwenden gulp mit PHP, .NET, Node.js, Java und anderen Plattformen.

Verwenden Sie npm-Module, um alles zu tun, was Sie wollen + über 3000 kuratierte Plugins für Streaming-Dateitransformationen. Durch die Bereitstellung nur einer minimalen API-Oberfläche ist gulp leicht zu erlernen und einfach zu bedienen.

Voraussetzungen

• Ubuntu 20.04 dedizierter Server
• Ein Root-Benutzer oder normaler Benutzer mit sudo-Administratorrechten.

Schritt 1 - Halten Sie den Server auf dem neuesten Stand

# apt update -y

# apt upgrade -y

Schritt 2 – Build-Essential installieren

# apt-get install build-essential -y

Schritt 3 – NodeJS und NPM installieren

Installieren Sie die neueste stabile Version von NodeJS.

# curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -

# apt-get install -y nodejs

Überprüfen Sie, ob die Installation erfolgreich ist.

# node -v && npm -v

Ausgabe:

v14.14.0
6.14.8

Schritt 4 - Installieren Sie GulpJS CLI

Installieren Sie die GulpJS-CLI mit dem folgenden Befehl:

# npm install -g gulp-cli

Überprüfen Sie, ob die Installation erfolgreich ist.

# gulp -v

Aufstellen

Um GulpJS mit Plugins zu verwenden, benötigen Sie eine  gulpfile.js-  Datei und eine  package.json-  Datei.

• gulpfile.js: konfiguriert, leitet und führt Aufgaben zusammen mit der Plugin-Verwaltung aus.
• package.json: verfolgt Abhängigkeiten und deren Versionen.

Gehen Sie in Ihr Projektverzeichnis.

# cd /path/to/project/

Initialisieren Sie eine NPM-Umgebung, um eine package.json zu erstellen  :

Wenn Sie nach einem Paketnamen gefragt werden , verwenden Sie  gulpjs . Drücken  Sie ENTER  die Standardantwort für alle anderen Fragen zu akzeptieren. Danach sollten Sie diese Zusammenfassung sehen.

About to write to /root/package.json:

{
"name': "gulpjs',
"version': "1.0.0',
"description': "',
"main': "index.js',
"scripts': {
"test': "echo \'Error: no test specified\' && exit 1″
},
"author': "',
"license': "ISC'
}

Is this OK? (yes)

Geben Sie  yes ein  und drücken Sie die  EINGABETASTE .

Installieren Sie das lokale  gulp-  Paket und das  gulp-uglify-  Plugin.

# npm install --save-dev gulp gulp-uglify

Erstellen der Schluckaufgabe

Erstellen Sie eine  gulpfile.js  im Stammverzeichnis des Projekts.

# vi gulpfile.js

Importieren Sie die Bibliotheken und definieren Sie dann eine Aufgabe. Die Beispielaufgabe heißt  exampleTask.

const gulp = require('gulp'); // Import Gulp
const uglify = require('gulp-uglify'); // Import Gulp Uglify (Javascript minify)

gulp.task('exampleTask', ()=>{ // define a task
return gulp.src('/path/to/javascript/files/*.js') // source a directory full of anything ending with .js
.pipe(uglify()) // minify the stream
.pipe(gulp.dest('/path/to/destination/')); // send files to a destination
});

Stellen Sie sicher, dass sich in /path/to/javascript/files/ mindestens eine Javascript-Datei befindet  :

# ls /path/to/javascript/files/

Ausgabe:

file.js

Führen Sie die Aufgabe aus.

# gulp exampleTask

Ausgabe:

Working directory changed to ~
Using gulpfile ~/gulpfile.js
Starting 'exampleTask’…
Finished 'exampleTask' after 59 ms

/path/to/destination/  enthält die minimierte Datei.

# ls /path/to/destination/

Ausgabe:

file.js

Wir haben GulpJS erfolgreich installiert.

In diesem Tutorial haben wir Ihnen gezeigt, wie Sie GulpJS auf Ubuntu 20.04 installieren.