Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Introduction to Gulp

Introduction to Gulp

8607d86bc3aad23fbcaabf27d4295b4c?s=128

Maxime Thirouin

March 27, 2014
Tweet

Transcript

  1. INTRODUCTION À GULP 1

  2. TASK RUNNERS POUR AUTOMATISATION DES TÂCHES Vous commencez à connaitre

    2
  3. Make Rake Cake Jake Grunt Brunch Broccoli ... 3

  4. POURQUOI GULP ? 4

  5. PARCE QUE LES STREAMS 5

  6. C'EST QUOI UN STREAM C'est un flux (de données) 6

  7. ET DONC POURQUOI UN STREAM ? C'est n'est pas un

    fichier Donc on ne travaille pas sur des fichiers Donc pas de lecture/écriture répété 7
  8. UN EXEMPLE POUR COMPRENDRE ? 8

  9. SANS STREAM 57 lignes de conf exemple Grunt 9

  10. AVEC STREAM 22 lignes de code Exemple Gulp 10

  11. SANS STREAM 11

  12. AVEC STREAM 12

  13. INSTALLATION Pour avoir la commande globale Modules pour chaque projet

    $ npm i ­g gulp $ npm i ­D gulp gulp­util gulp­plumber gulp­WHATEVER 13
  14. ON VEUT DES EXPLICATIONS EN DÉTAIL Introduction à Gulp 14

  15. ( ) DOCUMENTATION exemples "officiel" Gulp plugins "validés" Gulp gulp

    cyber police 15
  16. TROP DE TASK RUNNERS ? BLURP ! Pint js 16

  17. MAIS EN A-T-ON VRAIMENT BESOIN ? 17

  18. xkcd.com/927 Rdio utilise make 18

  19. UN PEU DE LECTURE Grunt vs. Gulp Gulp remplacera-t-il Grunt

    ? Gulp : Retour d'expérience 19
  20. Mon gulpfile 20

  21. DES QUESTIONS ? 21

  22. MERCI ! Maxime Thirouin @MoOx sur & Twitter Github 22