Bower é um gerenciador de pacotes para projetos web, desenvolvido pela equipe do Twitter, que facilita a instalação e o gerenciamento de dependências com vantagens como cache e organização. O arquivo bower.json é crucial para a configuração do Bower, armazenando todas as dependências e versões. O documento também aborda comandos para instalação, desinstalação e atualização de pacotes, além de opções de configuração e utilização do Bower.

1. BOWER
GERENCIADOR DE PACOTES PARA WEB
Gregorio de Almeida Queiroz

2. Por quê é importante?

3. Desenvolvido pela Equipe do Twitter.
Site oficial http://bower.io/
Função
Gerenciar pacotes e dependências que utilizamos em nossos projetos
Vantagens
Faz cache - evita tráfego desnecessário. Exemplo no GIT.
Organizado.
BOWER

4. Representação

5. INSTALANDO
Necessário nodejs

6. Paramêtros
bower –v - Comando para confirmar qual a
versão presente do Bower.

7. O Bower é configurado por meio do arquivo bower.json. Todas as dependências
e versões estão armazenadas neste arquivo.
O comando bower init, gera a estrutura do arquivo.
Configuração

8. Estrutura do bower.json

9. .bowerrc
Arquivo que auxilia as pré-definições dentro do nosso projeto.
{
“directory”:”bower_components”,
“json”:”bower.json”
}

10. Pré Instalação de Pacotes
Pra instalar pacotes ao nosso projeto, podemos começar pesquisando sobre a
biblioteca a ser utilizada. Para isto utilizamos o comando bower search.
Utilizamos em conjunto com o SEARCH, o comando INFO para termos mais detalhes
sobre o pacote que desejamos instalar, como por exemplo a versão.
http://bower.io/search/

11. Instalação de Pacotes
Opções
-F, --force-latest: Força para versão mais recente sobre o conflito
-p, --production: Não instalar no projeto project devDependencies
-S, --save: Salve os pacotes instalados em dependências bower.json do projeto
-D, --save-dev: Salve os pacotes instalados em devDependencies bower.json do projeto
-E, --save-exact: Configurar pacotes instalados com uma versão exata

12. BOWER_COMPONENTS pasta DEFAULT, onde será baixado e organizados
todos os pacotes executados através do comando install.
Após o primeiro COMMIT do projeto, é recomendado que a referência da pasta
seja colocada dentro do .gitignore.
BOWER_COMPONENTS
BOWER_COMPONENTS pode ser renomeado pra qualquer nome mais conveniente

13. Desistalando pacotes
Opções
-S, --save: Remove pacotesdo projeto
-D, --save-dev: Remove pacotes do devDependencies

14. É recomendo utilizar previamente o comando bower list, para exibir os pacotes
com atualizações disponíveis.
UPDATE
Atualizando Pacotes
http://semver.org/
O comando sempre vai respeitar o discriminado no bower.json. Para especificar
as atualizações seguir, os comandos abaixo:
VERSÕES

15. Registrar um pacote, permite disponibilzar a sua coleção para o uso dos
demais.
Registro de Pacotes
BOWER UNREGISTER permite deresgistrar um pacote. Precisa de autenticação.

16. Bower.io
http://bower.io/docs/api/
Rodrigo Branas
https://www.youtube.com/watch?v=ZA06skH73gg&index=1&list=PLQCmSnNFV
YnS1vVHVumHKAc8RLcSK-Rl2
Vitor Brito
http://www.vitorbritto.com.br/blog/gerenciando-dependencias-front-end-no-seu-
projeto/
Dicas

17. OBRIGADO
Gregorio de Almeida Queiroz