bower - gerenciador de pacotes para web

Post on 11-Apr-2017

133 Views

Category:

Technology

2 Downloads

Preview:

Click to see full reader

TRANSCRIPT

BOWERGERENCIADOR DE PACOTES PARA WEB

Gregorio de Almeida Queiroz

Por quê é importante?

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

Representação

INSTALANDO

Necessário nodejs

Paramêtros

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

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

Estrutura do bower.json

.bowerrc

Arquivo que auxilia as pré-definições dentro do nosso projeto.

{

“directory”:”bower_components”,

“json”:”bower.json”

}

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/

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

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

Desistalando pacotes

Opções

-S, --save: Remove pacotesdo projeto

-D, --save-dev: Remove pacotes do devDependencies

É 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

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.

Bower.io

http://bower.io/docs/api/

Rodrigo Branas https://www.youtube.com/watch?v=ZA06skH73gg&index=1&list=PLQCmSnNFVYnS1vVHVumHKAc8RLcSK-Rl2

Vitor Brito

http://www.vitorbritto.com.br/blog/gerenciando-dependencias-front-end-no-seu-projeto/

Dicas

OBRIGADO

Gregorio de Almeida Queiroz

top related