Gestionar paquetes o dependencias con Bower

Gestionar paquetes o dependencias con Bower
  • Eborio Linárez
  • April 19, 2015
  • 0

Ya que tenemos instalado Bower en nuestro equipo y lo inicializamos en el proyecto podemos comenzar a gestionar los paquetes o dependencias de manera sencilla y rápida, para ello debemos en primer lugar buscar e identificar la dependencia a instalar. Esto se hace como de costumbre con un comando en la consola.

Buscar un paquete o dependencia

Tenemos dos mecanismos para buscar paquetes.

  1. Ir a la web de Bower en la sección de busquedas y escribir el nombre de algún paquete.
  2. Ejecutar el comando $ bower search <paquete>. Donde <paquete> es el nombre del paquete. Por ejemplo al buscar fontawesome veremos en la consola algo similar a lo que se muestra a continuación.
$ bower search fontawesome
Search results:
 
    fontawesome git://github.com/FortAwesome/Font-Awesome.git
    angular-fontawesome git://github.com/picardy/angular-fontawesome.git
    bootstrap3-fontawesome-timepicker git://github.com/locarise/bootstrap3-fontawesome-timepicker.git
    fontawesome-clean git://github.com/nbsp/bower-fontawesome-clean.git
    angoolar-fontawesome git://github.com/OlenDavis/angoolar-fontawesome.git
    fontawesome-icon git://github.com/andressanchez/fontawesome-icon.git
    polymer-fontawesome git://github.com/rtbenfield/polymer-fontawesome.git
    x-fontawesome git://github.com/ruiramos/x-fontawesome.git
    angular-fontawesome-index git://github.com/vperron/angular-fontawesome-index.git
    ng-grid-fontawesome git://github.com/tepez/ng-grid-fontawesome.git
    jquery.fontawesome-switch git://github.com/SUKOHI/jquery.fontawesome-switch.git
    angularjs-toaster-fontawesome git://github.com/cyclotron3k/angularjs-toaster-fontawesome.git
    gaia-fontawesome git://github.com/I-Value/gaia-fontawesome.git
    fontawesome-actions git://github.com/nyon/fontawesome-actions.git
    angular-ui-bootstrap-fontawesome git://github.com/maxfierke/ui-bootstrap-fontawesome.git
    showdown-fontawesome git://github.com/phodal/showdown-fontawesome.git

La lista mostrará las coincidencias con el término de búsqueda ingresado.

Instalar un paquete o dependencia

Una vez hemos encontrado el paquete que nos interesa simplemente debemos ejecutar el siguiente comando.

$ bower install <paquete>

Por ejemplo al instalar jQuery veríamos en la consola lo siguiente.

$ bower install jquery
bower cached        git://github.com/jquery/jquery.git#2.1.3
bower validate      2.1.3 against git://github.com/jquery/jquery.git#*
bower install       jquery#2.1.3

jquery#2.1.3 bower_componentsjquery

En caso que la dependencia dependa a su vez de otras dependencias, Bower los instalará automáticamente, por lo cual no debemos preocuparnos por instalarlas manualmente.

Por defecto Bower instalará los paquetes dentro de un directorio llamado bower_components. Esta ubicación puede ser modificada creando en la raíz del proyecto un archivo llamado .bowerrc con el siguiente contenido.

{
   "directory": "path/to/packages"
}

Si trabajas con Git no debes incluir los paquetes en tu control de versiones agregando tal directorio a tu archivo .gitignore.

Si ya existían paquetes instalados e indicamos en la inicialización de Bower que los agregara a la lista de dependencias, tendremos en el archivo bower.json un elemento llamado dependecies en donde debemos ir colocando cada uno de los paquetes instalados con su respectiva versión.

Si se nos hace difícil encontrar la versión correcta que debemos especificar en el elemento dependecies, simplemente debemos agregar el parámetro --save al comando de instalación de la siguiente manera.

$ bower install <paquete> --save

De esta forma garantizamos que la lista de dependencias se llene de manera automática con la respectiva versión del paquete o dependencia instalada.

Actualizar paquetes o dependencias

Para actualizar los paquetes o dependencias simplemente deben ejecutar el comando.

$ bower update

Eliminar paquetes o dependencias

Eliminar un paquete también es muy sencillo. Basta con ejecutar,

$ bower uninstall <paquete>

Si también deseamos eliminarlo de la lista de dependencia del bower.json ejecuta el comando de la siguiente manera.

$ bower uninstall <paquete> --save

El archivo bower.json si debes incluirlo en tu control de versiones para que los demás desarrolladores que trabajan en el proyecto lo tengan en su ambiente de trabajo y para que puedas instalar los paquetes en el servidor donde se despliegue el proyecto.

Eliminar dependencias que no se encuentran en el archivo bower.json

Si eliminaste de la lista de dependencias algún paquete y deseas eliminarlo por completo de tu proyecto, solo basta con ejecutar el siguiente comando.

$ bower prune

Al ejecutarlo limpiará (eliminará) todo paquete instalado que no se encuentre definido en el arcihvo bower.json.

Conclusión

Bower ofrece una serie de comandos muy útiles con los cuales podemos indicar una versión específica de un paquete, instalar directamente desde un repositorio Git, obtener información del paquete, etc. Te invito a profundizar cada uno de los comandos en la documentación de Bower.

Espero el tutorial te haya resultado de utilidad y lo compartas en tus redes sociales.

Enlaces de interés

Comparte en las redes sociales

Comentarios

Aún no hay comentarios. Sé el primero en comentar.

Deja un comentario