Le développement nécessite d’avoir de bons outils afin de gagner en productivité. L’automatisation des taches est un bon moyen de gagner du temps.
Grunt est un lanceur de taches. Il est basé sur NodeJS. Grunt permet de facilement automatiser vos taches liés au développement web. L’écosystème autour de nodeJs étant très dynamique, il existe une pléthore de taches grunt existantes …
Je n’aborderai pas dans cet article l’installation et la configuration de grunt, vous trouverez dans la partie liens de très bons articles traitant ce sujet.
Voici une liste de quelques plugins utiles :
- Less : Permet de compiler du des fichier LESS en CSS (il existe bien évidemment des plugins pour les autres préprocesseurs comme SASS ou Stylus
- Cssmin : Permet de minifier vos CSS
- Jshint : Permet de valider via JsHint votre code JavaScript
- Concat : Permet la concaténation de fichier afin d’améliorer les performance de chargement de votre site
- Uglify : Permet de minifier vos fichier js (permet également la concaténation avec possibilité d’utiliser Source map afin de debugger facilement vos scripts)
- imageoptim / responsive-images : Permet d’optimiser et de générer des images adaptées à différentes résolution (responsive web design)
- Watch : Permet de surveiller vos fichier et de lancer d’autres taches à chaque modification
- HTMLHint : Validation de votre code HTML
- jsdoc : Permet de générer la documentation de votre code js
Liens
- Premiers pas avec grunt
- Présentation de Grunt à NantesJs
- Article de présentation de Grunt sur smashing magazine (en)
- Automatisez votre workflow front end
- Quelques techniques avancés (en)
Alternatives
Utilisez-vous Grunt ? Si oui, quelles taches utilisez-vous ?
Tweet