L’intégration et le suivi du cycle d’évolution des versions des librairies JavaScripts et Css dans un projet est bien souvent chose difficile. Aujourd’hui nous vous présenterons un outil qui vous permettra de ne plus vous en soucier : Bower.
Dans cet article nous vous présenterons Bower et comment l’utiliser dans un environnement Symfony sous Ubuntu.
Qu’est-ce que Bower
Bower est un outil qui gère les dépendances de toutes les librairies JavaScripts et Css utilisées dans un projet.
Installation
Bower étant un package Node.js installons ses dépendances au préalable.
Nous pouvons maintenant installer Bower à travers la commande suivante :
Initialisation
Nous allons créer un fichier de configuration bower.json avec la commande suivante :
Après avoir répondu à toutes les questions de l'initialisation, nous obtenons un fichier bower.json enregistré à la racine du projet.
Nous allons personnaliser l’emplacement de nos dépendances en créant un fichier : .bowerrc qui sera aussi à la racine du projet.
Rajoutons aussi le nouveau dossier dans la section ignore de notre fichier bower.json juste après " tests"
Installation des dépendances
Pour installer une dépendance, deux solutions possibles :
- Mettre les dépendances dans le fichier bower.json créé précédemment
- Installer individuellement notre dépendance en ligne de commande
A titre d’exemple nous verrons comment installer la dernière version des libraires suivantes :
- jQuery
- Twitter Bootstrap
Solution 1
Ajout d’une section "dependencies" après la section "ignore" du fichier bower.json.
Une fois terminé nous pouvons lancer la commande suivante afin d'installer jquery et bootstrap :
Solution 2
Nous installons chaque libraire via la commande suivante :
NB : Pour installer une version spécifique d’une librairie, il vous suffit de la définir dans l’une des solutions précédentes.
Insertions des fichiers dans notre layout.
Deux Commandes utiles
Conclusion
Plus besoin de copier-coller les librairies JavaScripts et Css dans nos projets, Bower nous facilite la tâche et nous permet d’avoir un projet à jour.
Pour aller plus loin vous pouvez voir toutes les possibilités offertes, les packages disponibles par Bower sur le site officiel ici.
Merci à tous.