Comment installer GulpJS sur Ubuntu 20.04

Dans ce tutoriel, nous allons vous montrer comment installer GulpJS sur Ubuntu 20.04. Vous apprendrez à configurer GulpJS pour réduire les fichiers Javascript sur Ubuntu.

GulpJS est une boîte à outils qui vous aide à automatiser les tâches pénibles ou chronophages de votre flux de travail de développement. Les intégrations sont intégrées dans tous les principaux IDE et les gens utilisent gulp avec PHP, .NET, Node.js, Java et d'autres plates-formes.

Utilisez les modules npm pour faire tout ce que vous voulez + plus de 3000 plugins sélectionnés pour les transformations de fichiers en streaming. En ne fournissant qu'une surface API minimale, gulp est facile à apprendre et simple à utiliser.

Conditions préalables

• Serveur dédié Ubuntu 20.04
• Un utilisateur root ou un utilisateur normal avec des privilèges d'administrateur sudo.

Étape 1 - Maintenez le serveur à jour

# apt update -y

# apt upgrade -y

Étape 2 - Installer build-essential

# apt-get install build-essential -y

Étape 3 - Installez NodeJS et NPM

Installez la dernière version stable de NodeJS.

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

# apt-get install -y nodejs

Vérifiez que l'installation est réussie.

# node -v && npm -v

Sortir:

v14.14.0
6.14.8

Étape 4 - Installez GulpJS CLI

Installez la CLI GulpJS à l'aide de la commande suivante :

# npm install -g gulp-cli

Vérifiez que l'installation est réussie.

# gulp -v

Installer

Pour utiliser GulpJS avec des plugins, vous avez besoin d'un   fichier gulpfile.js et d'un   fichier package.json .

• gulpfile.js : configure, canalise et exécute les tâches ainsi que la gestion des plugins.
• package.json : garde une trace des dépendances et de leurs versions.

Allez dans le répertoire de votre projet.

# cd /path/to/project/

Initialisez un environnement NPM pour créer un  package.json :

Lorsque vous êtes invité à entrer un nom de package, utilisez  gulpjs . Appuyez sur  ENTRÉE  pour accepter la réponse par défaut pour toutes les autres questions. Ensuite, vous devriez voir ce résumé.

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)

Tapez  oui  et appuyez sur  ENTRÉE .

Installer local  gulp  package et le  gulp-enlaidir  plugin.

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

Création de la tâche gulp

Créez un  fichier gulpfile.js  à la racine du projet.

# vi gulpfile.js

Importez les bibliothèques, puis définissez une tâche. L'exemple de tâche est nommé  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
});

Assurez-vous qu'il y a au moins un fichier javascript dans  /path/to/javascript/files/ :

# ls /path/to/javascript/files/

Sortir:

file.js

Exécutez la tâche.

# gulp exampleTask

Sortir:

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

/chemin/vers/destination/  contient le fichier minifié.

# ls /path/to/destination/

Sortir:

file.js

Nous avons installé avec succès GulpJS.

Dans ce tutoriel, nous vous avons montré comment installer GulpJS sur Ubuntu 20.04.