Bower, es un gestor de paquetes front-end. Por si acaso no sabes que es un gestor de paquetes, pasaré a hacer una breve explicación. La función principal es gestionar todos los paquetes instalados en el sistema o en el proyecto, manteniendo su usabilidad. Por paquete se entiende cualquier biblioteca o conjunto de archivos susceptibles de ser encapsulados.
En general:
- Evita diferencias entre la versión local y la versión oficial del paquete.
- Lleva un registro de las diferentes versiones disponibles pudiendo así contar siempre con la más actualizada.
- Gestión centralizada para la instalación, actualización y eliminación sencilla de paquetes.
La diferencia entre Bower y NPM (entre otros) se encuentra en la gestión front-end. Mientras NPM se centra en gestionar los módulos de nodejs, Bower gestiona componentes front-end tal como Html, Css, Javascript, etc. De esta forma un desarrollador o un equipo puede tener la versión correcta de todos sus componentes sin tener que incluirlos en un repositorio.
Bower.json
Bower es capaz de realizar un seguimiento de los paquetes con un fichero de manifiesto llamado, "bower.json". En este fichero se define toda información necesaria para el proyecto. Contiene una estructura similar a package.json o gemfile de Ruby.
Para conocer la especificación, es necesario pasar por su documentación.
Comandos
Vamos a explicar los comandos más utilizados para la gestión de paquetes con Bower:
-
Init: Crea de forma interactiva el fichero bower.json. Nos preguntará versión, nombre del proyecto, etc.
Bower init
-
Install: Instala un paquete por su nombre. Si además queremos poner ese paquete como dependencia en bower.json, le añadiremos "-save".
bower install :nombre_paquete: bower install -save :nombre_paquete:
-
List: Lista los paquetes instalados en ese proyecto y sus actualizaciones.
bower list
-
Search: Permite hacer búsquedas de paquetes por nombre de repositorio. Devolverá todo paquete con contenga el nombre del paquete (también puedes desde aquí).
bower search :nombre_paquete:
Ejemplo comandos con Bower
Si todo ha funcionado correctamente, se creará la carpeta bower_components donde se guardarán todos paquetes. ¡Ojo!, el fichero "bower.json" solo estará si lo creamos manualmente o bien ejecutamos el comando "bower init".
Ejemplo estructura directorios
En resumen
La gestión de paquetes en un proyecto puede ser tediosa en el desarrollo front-end. Gracias a esta tecnología podremos gestionar de forma fácil y rápida las versiones, ya sea en nuestro equipo o con un grupo de desarrolladores.
¿Sueles usar gestores de paquetes en tus proyectos?.
Más información | bower
