Installer Grunt et Bower

Qu'est ce que Grunt ?

Comme indiqué dans la documentation officielle, Grunt est un "JavaScript Task Runner", ce qui signifie que c'est un outil qui permet de créer des tâches automatisées en JavaScript. Grunt va nous permettre tout simplement de spécifier une liste de tâches du type :

• Vérification de la syntaxe des scripts Javascript
• Concaténation des fichiers Javascript
• Compression des fichiers Javascript en un seul fichier (min.js par exemple)
• Compilation des fichiers LESS (ou SCSS)
• Compression des fichiers LESS (ou SCSS) en un seul fichier (min.css par exemple)
• Optimisation des images du thème

Pour l'installer, il vous faudra d'abord installer node.js afin d'utiliser l'installateur npm.

Ensuite, vous n'avez qu'à effectuer l'installation de ce merveilleux outil grâce à la ligne de commande suivante :

(Il vous sera peut être demandé de lancer la commande en mode sudo)

Et voilà, Grunt fait désormais partie de vos outils ! Passons maintenant à Bower.

Qu'est ce que Bower ?

Bower est un gestionnaire de dépendances, c'est à dire qu'il va gérer l'ensemble des outils dont a besoin votre application.

Prenons un exemple :

Vous débutez une nouvelle application et vous savez que vous allez avoir besoin de Bootstrap et FontAwesome. La première chose qui vous vient à l'idée est d'aller vous promener sur la toile pour récupérer l'archive de Bootstrap ainsi que celle de FontAwesome. Au final, vous allez perdre au moins 5 minutes et cela pour chaque nouveau projet que vous commencerez. C'est là que Bower entre en jeu ! Il va faire ça lui-même et va vous faire gagner de précieuses minutes.

Installons Bower grace à cette ligne de commande :

C'est fini !