Bower

Gérer facilement ses dépendances

Le but de cet outil développé par l'équipe de Twitter est de gérer les dépendances de votre projet.
La liste des dépendances inscrites dans le registre de Bower (https://bower.io/search/) est pour le moins impressionnante, et parmi lesquelles vous trouverez un bon nombre de célébrités.

Installation

Installez Bower passe par Node.js et son gestionnaire de packages (NPM). Donc installez Node.JS (https://nodejs.org/en/) sur votre machine (si ce n'est fait).
Installez ensuite Bower via : npm install -g bower  dans le Terminal. ("-g" pour une installation global et pas que pour votre projet actuel).

Utilisation

Lancez votre terminal/bash et placez vous dans le dossier de votre projet.

  • bower install jquery (télécharge la dernière version de jQuery dans un dossier bower_components
  • bower install jquery#1.9.1 (charge jQuery version 1.9.1)
  • bower install jquery-ui (charge jquery et ses propres dépendance : jquery)
  • bower uninstall jquery (désintalle jquery)
  • bower list (affiche les dépendances installées)

Toutes les dépendances sont installées dans votre projet dans un sous-dossier "bower-components" créé par Bower.

Personnaliser le dossier "bower-components"

Un dossier "bower-components" ? Et si je veux que ce soit "assets" ? Placez un fichier .bowerrc à la racine de votre dossier avant de chargez les dépendances. Dans ce fichier, mettez-y cette chaîne json : {"directory" : "assets/" }

Mémoriser sa liste pour de prochains projets

On peut enregistrer une liste de dépendance afin de la récupérer et de télécharger l'ensemble en une seule fois dans un nouveau projet.
Bower init crée un fichier bower.json sur base des dépendances installées.
Pour qu'une dépendance puisse être enregistrée dans ce fichier, installez-la via : bower install --save nom-dependance
Un fichier bower.json sera créé dans votre dossier si il n'existe pas déjà.

Dans un nouveau projet, déposer le bower.json + .bowerrc dans le dossier et appelez bower install pour charger toutes les dépendances reprises dans le fichier json.

Vous pouvez enregistrer votre configuration dans le répertoire de Bower.io (https://www.alsacreations.com/tuto/lire/1609-bower-pour-les-nuls.html), lui donnez un nom spécifique et l'installer via bower install votre_nom_specifique et partager votre configuration avec d'autres développeurs.

Références

Laisser un commentaire