Skip to main content

Grunt / Bower / Yeoman ou comment automatiser le développement d’un projet Web SPA – TechDays 2015

Par Maxime Luce

Introduction

Les projets Web étaient simples, mais dans les projets modernes on trouve énormément de JavaScript et de librairies. Tâches récurrentes:

  • Gestion des dépendances: récupération et mise à jour
  • Compilation (LESS, TypeScript, CoffeeScript), minification, tests, linting
  • Développement

Pour l’automatisation, on utilise Node.JS, avec son NPM pour la gestion des packages. On ajoute en plus Bower, Grunt (concurrent: Gulp), et Yeoman.

Bower

“A package manager for the Web”. Créé par Twitter. C’est l’équivalent de NPM pour les librairies Web. Utilisé pour installer et mettre à jour les librairies, et assurer l’intégrité des versions.

Il y a un registre de librairies JS/CSS, les versions sont enregistrées dans un fichier bower.json. L’arbre des dépendances est à plat, du coup Bower demande notre avis quand plusieurs bibliothèques ont besoin d’une version différente de la même bibliothèque.

Grunt

“The JavaScript task runner”. Gestionnaire de tâches Node.JS: il automatise les tâches récurrentes. Il y a énormément de tâches disponibles dans NPM, et on peut créer les siennes en JS.

Les tâches sont configurées dans un fichier Grunfile.js.

Yeoman

Gestionnaire de template de projets: pour la création de projets et d’éléments. Comme les modèles Yeoman mettent en oeuvre les bonnes pratiques, il nous force à utiliser ces bonnes pratiques.

Comme pour Grunt, les générateurs sont dans NPM. Il utilise Bower pour la gestion des dépendances et Grunt pour les tâches de compilation.

Comments

Popular posts from this blog

Learn Meteor book available

I'm pleased to announce the general release of my Learn Meteor book. It is now available as an ebook or print book from various sources: Learn Meteor print (paperback) on Lulu Learn Meteor ebook on LeanPub Learn Meteor ebook on Barnes & Noble Learn Meteor ebook on iBooks Learn Meteor ebook on Kobo Learn Meteor ebook on Scribd Learn Meteor ebook on Inktera Page Foundry Learn Meteor ebook on 24symbols Learn Meteor ebook on Amazon US Learn Meteor ebook on Amazon UK Learn Meteor ebook on Amazon France Learn Meteor ebook on Amazon Deutschland Learn Meteor ebook on Amazon Canada Learn Meteor ebook on Amazon India Learn Meteor ebook on Amazon Brasil Learn Meteor ebook on Amazon Mexico Learn Meteor ebook on Amazon España Learn Meteor ebook on Amazon Italia Learn Meteor ebook on Amazon Netherlands Learn Meteor ebook on Amazon Japan Learn Meteor ebook on Amazon Australia More sources are coming soon for the print version. Learn Meteor has been a fun experienc