Como usar Bower

Hoy veremos como usar Bower para gestionar las dependencias de JavaScript en un proyecto web.
Bower es un Composer pero para JavaScript, nos permite instalar plugins de terceros y mantener las dependencias de estos dentro del proyecto.

En primer lugar debemos tener instalados node.js y git.

Ahora instalaremos bower utilizando el comando npm install -g bower
como usar bower install

Podemos ejecutar el comando bower init para generar el fichero bower.json con un asistente o podemos crearlo a mano.

En el podemos indicar la versión del paquete que esté en bower, un repo git, o un zip.

{
  "name": "victorroblesweb",
  "version": "0.1.0",
  "dependencies": {
    "jquery": "v1.10.2",
    "bootstrap": "~3.2",
    "Jcrop": "git://github.com/tapmodo/Jcrop.git",
    "pdfjs": "https://github.com/mozilla/pdf.js/releases/download/v1.0.1040/pdfjs-1.0.1040-dist.zip"
  },
  "devDependencies": {}
}

Ahora instalaremos los componentes javascript con bower install, si quisiéramos actualizar e instalar los nuevos podríamos usar bower update.
como usar bower install cmd

Los plugins se están guardando en bower_components en la raíz del proyecto. Aunque esto lo podemos cambiar fácilmente creando el fichero .bowerrc en la raíz del proyecto el siguiente parámetro:

{
  "directory" : "public/components"
}

Ahora ya podremos utilizar todos esos componentes como queramos.

Víctor Robles WEB

Autor: Victor

Desarrollador web - Formador online - Blogger

Compartir este post