Gulp est un exécuteur de tâches multiplateforme en streaming qui permet aux développeurs d'automatiser de nombreuses tâches de développement. À un niveau élevé, gulp lit les fichiers sous forme de flux et dirige les flux vers différentes tâches. Ces tâches sont basées sur du code et utilisent des plugins. Les tâches modifient les fichiers, en créant des fichiers source dans des fichiers de production. Pour avoir une idée de ce que gulp peut faire, consultez la liste des recettes de gulp sur GitHub.
Prérequis
Avant d'installer Gulp.js, nous aurons d'abord besoin de quelques éléments.
- Un serveur exécutant Ubuntu 20.04 ou 18.04. J'utilise un serveur dédié de Serveurs Spin .
- Environ 10 minutes et une tasse de café ou de thé chaud. Je préfère Vanilla Chai avec un trait de lait entier ou d'amande selon mon humeur du jour.
Étape 1 :Mettez à niveau votre système
Tout d'abord, mettez toujours à jour votre système avant d'installer un logiciel ou d'apporter des modifications. Pour cela, utilisez cette commande :
$ sudo apt-get upgrade
Étape 2 :Installez Node.js
Pour installer Gulp, nous devrons d'abord installer le référentiel Node.js.
$ curl -fsSL https://deb.nodesource.com/setup_17.x | sudo -E bash -
Installez Node.js :
$ sudo apt-get install -y nodejs
Vérifier la version :
$ node --version
Étape 4 :Créer un exemple d'application avec NPM
Créez un nouveau répertoire d'applications. Remplacez "nom de l'application" par un nom de votre choix.
$ mkdir [app name]
Accédez au répertoire que vous avez créé et créez l'application.
$ cd [app name]
$ npm init
Ensuite, on vous posera quelques questions sur l'application.
Étape 5 :Installez Gulp.js
Installez Gulp.js à l'aide de l'outil CLI Gulp.
$ npm install -g gulp-cli
Une fois que le programme d'installation vous y invite, remplacez le chemin du répertoire par le nom de votre application.
$ cd /root/[app name]
$ npm install --save-dev gulp
Vérifiez la version de Gulp.js.
$ gulp --version
Étape – Créer une application Gulp
Nous pouvons maintenant créer un exemple d'application Gulp. Utilisez la commande ci-dessous pour créer le fichier.
$ nano /root/[app name]/gulpfile.js
Ajoutez ce contenu au fichier :
var gulp = require('gulp');
gulp.task('hello', function(done) {
console.log('Hello World!!!');
done();
});
Enregistrez et quittez le fichier.
Exécutez la tâche Gulp.
$ gulp hello
Votre application Gulp.js est maintenant opérationnelle ! :)