Gulp è un task runner di streaming multipiattaforma che consente agli sviluppatori di automatizzare molte attività di sviluppo. Ad alto livello, gulp legge i file come flussi e convoglia i flussi a diverse attività. Queste attività sono basate su codice e utilizzano plug-in. Le attività modificano i file, creando file di origine in file di produzione. Per avere un'idea di cosa può fare gulp, controlla l'elenco delle ricette gulp su GitHub.
Prerequisiti
Prima di installare Gulp.js avremo bisogno di alcune cose prima.
- Un server che esegue Ubuntu 20.04 o 18.04. Sto utilizzando un server dedicato da Fai girare i server .
- Circa 10 minuti e una tazza di caffè o tè caldo. Preferisco Vanilla Chai con un goccio di latte intero o mandorla a seconda del mio umore di quel giorno.
Passaggio 1:aggiorna il tuo sistema
Per prima cosa, aggiorna sempre il tuo sistema prima di installare qualsiasi software o apportare modifiche. Per fare ciò, usa questo comando:
$ sudo apt-get upgrade
Passaggio 2:installa Node.js
Per installare Gulp, dovremo prima installare il repository Node.js.
$ curl -fsSL https://deb.nodesource.com/setup_17.x | sudo -E bash -
Installa Node.js:
$ sudo apt-get install -y nodejs
Verifica versione:
$ node --version
Passaggio 4:crea un'applicazione di esempio con NPM
Creare una nuova directory dell'applicazione. Sostituisci "nome app" con un nome a tua scelta.
$ mkdir [app name]
Passa alla directory che hai creato e crea l'applicazione.
$ cd [app name]
$ npm init
Successivamente, ti verranno poste alcune domande sull'applicazione.
Passaggio 5:installa Gulp.js
Installa Gulp.js utilizzando lo strumento CLI di Gulp.
$ npm install -g gulp-cli
Quando il programma di installazione ti chiede, cambia il percorso della directory con il nome dell'applicazione.
$ cd /root/[app name]
$ npm install --save-dev gulp
Verifica la versione di Gulp.js.
$ gulp --version
Passaggio:crea un'applicazione Gulp
Ora possiamo creare un'applicazione Gulp di esempio. Usa il comando seguente per creare il file.
$ nano /root/[app name]/gulpfile.js
Aggiungi questo contenuto al file:
var gulp = require('gulp');
gulp.task('hello', function(done) {
console.log('Hello World!!!');
done();
});
Salva ed esci dal file.
Esegui l'attività Gulp.
$ gulp hello
La tua applicazione Gulp.js è ora attiva e funzionante! :)