Mini tuto pour Installer Gulp ‘facile’

gulpjsPetit article pour documenter la solution que j’utilise pour installer Gulp sur l’ensemble des projets de développement que je gère.

Chaque projets possède son propre fichier gulp-tasks.js avec les différentes opérations liées au projet (JS, CSS, LESS…).

Par contre une seule installation de Gulp (et de ses modules) est nécessaire. Cela évite de dupliquer les centaines de ficihers nodejs pour chaque projet.

Un script bash (pour Linux ou macOS) copie le fichier gulp-taks.js du projet en gulpfile.js dans le dossier ou Gulp est installé (avec ses modules). A noter qu’il est nécessaire d’installer Gulp en global (dans le dossier de nodejs).

Une fois le fichier copié , la commande gulp default est exécutée et le traitement commence.

Installation nodejs + gulp (Linux)

  • Télécharger l’archive nodejs, décompresser l’achive dans /opt => tar xvf node-v10.15.3.linux-x64.tar.xz
  • Cela va créer un dossier node-v10.15.3-linux-x64 par exemple
  • Créer un lien sympbolique => ln -s node-v10.15.3-linux-x64  nodejs 
  • Ajouter le chemin /opt/nodejs/bin dans votre variable $PATH => vi ~/.bash_profile
  • Installation de Gulp en global : npm i -g gulp
  • Dans /opt (ou dans le dossier de votre projet) créer un dossier gulp =>  mkdir gulp
  • Dans ce dossier installé gulp en local :  cd gulp && npm i –save-dev gulp
  • Puis tous les modules nécessaires : npm i –save-dev gulp-concat gulp-less gulp-uglify gulp-rename gulp-clean-css 

Pour utiliser Gulp il faudra créer un fichier gulpfile.js dans /opt/gulp et exécuter ensuite gulp.

Installation pour MacOS (Mojave)

Le plus simple c’est d’installer homebrew, qui permet ensuite d’installer nodejs, gulp et ses modules comme sur un poste Linux 🙂

Automatisation avec un script bash

Extrait du script dogulp.sh qui permet de gérer plusieurs projets (et donc plusieurs fichiers gulpfile.js) :

dest="/opt/gulp"

if [ -z $homeDir ] ; then
 echo "Dossier home manquant"
 exit 1
fi

## le param $1 contient le nom du projet à utiliser

if [ "$1" == "tit3" ]; then
 GULP="/opt/Developpement/Code/Projets-perso/tit1/v3/tit3.gulptask.js"
fi

if [ "$1" == "sko" ]; then
 GULP="/opt/Developpement/Code/Projets-perso/shyrkaOne/shyrkaOne.gulptask.js"
fi

cd $dest 
### lancement Gulp
if [ -f "$GULP" ]; then
 echo "Gulp pour $GULP"
 cp "$GULP" "gulpfile.js"
 exec gulp default
else
 echo "Pas de fichier $GULP !"
 exit 1
fi

Pour travailler sur le projet  ShyrkaOne il suffit de taper :  dogulp.sh sko pour exécuter Gulp avec le bon fichier gulptask.

Pas de Commentaire

Qu'en pensez-vous ?

Votre formulaire contient des erreurs, merci de corriger.