Automatise les tâches pour le développement front-end sur drupal 7. Permet de compiler, nettoyer, préfixer et minifier les feuilles de style et les fichiers javascript. Optimise les images. Recharge le navigateur automatiquement après une modification.

• Requis : node.js / NPM
• Requis : Gulp npm install gulp -g
• Copier les fichiers defautl.config.json, gulpfile.js et package.json dans le thème de drupal (sites/all/themes/mon_theme)
• Renommer default.config.json en config.json
• Lancer l'installation des packages avec npm install

La commande gulp lance toutes les tâches CSS, JS et images. La commande gulp watch surveille les dossiers concernés et lance les tâches à chaque modification.

Pour compiler les fichiers SCSS :

gulp sass

Pour compiler les fichiers JS : gulp js

Pour optimiser les images : gulp img

Pour exécuter les tâches spécifiques à la mise en production : gulp --env prod

Il faut installer le module BrowserSync pour Drupal au préalable et l'activer dans apparence/paramètres. Puis dans le fichier config.json, ajouter l'url du site en face de la ligne "proxy" :. Enfin, relancer un gulp watch.