Esse artigo é mais um exemplo prático de como gerenciar dependências JS. Para isso vamos utilizar um projeto sem gerenciamento de dependência e aplicar os conhecimentos do artigo publicado no Tableless sobre o Bower. Primeiramente, vamos baixar o projeto:
git clone [email protected]:/69153705256f6a9a4557.git projeto-sem-gerenciamento
cd projeto-sem-gerenciamento
As bibliotecas utilizadas são: Knockout, Zepto, Ratchet JS e Font Awesome. Para gerenciá-las, é preciso criar um arquivo json de configuração.
Após essa configuração, certifique-se que o Bower esteja instalado. Caso não tenha, instale-o via npm install -g bower
. Utilize o comando abaixo para baixar as dependências:
bower install
Uma vez baixadas todas as dependências, resta agora alterar as referências das dependências no arquivo HTML. Veja o patch abaixo para mais detalhes:
E é isso, pessoal. O resultado desse artigo também está disponível em um gist e pode ser visualizado na seguinte url. Caso tenha interesse em como publicar esse projeto na nuvem, dê uma olhada nesse outro artigo. Espero que tenha gostado. Muito obrigado e até a próxima.