gulp.js

The streaming build system

# MarseilleJS 4

@cycymomo

Développeur JS

Watchever (Vivendi)

• Netflix Like
• En Allemagne seulement
• Refonte du WEB (+ autres devices)
• Problématique :
  • Un code pour plusieurs devices
  • code de prod !== code de dév
  • process de livraison fastidieux

Gulp à la rescousse

Grunt Style :

gulp Style :

Gulp à la rescousse

"gulp" : lancement d'un serveur (avec livereload) de développement sur :5000. Cela permet de pouvoir consulter l'env de dévs des copains !

 

"gulp e2e" : lancement des tests end-to-end + installantion des dépendances si besoin

 

"gulp unit" : lancement des tests unitaires

 

"gulp build" : construction du site dans dist/

 

"gulp release" : commit + push sur la branche release le contenu de dist/ (une fois validé par les tests par exemple)

Gulp : Exemples

AVANTAGES

• Gulpfile = code
• Énormément de plugins, énorme écosystème
• Asynchrone
• les streams = rapidité

inconvenients

• Synchrone 
• Watchers lents : build incrémentable pas au top
• dépendances chargées en synchrone
• devoir utiliser des plugins tiers pour améliorer :
  •  gulp-cached, gulp-load-plugins

Questions ?

gulpjs.com

@cycymomo

gulp-cheatsheet