Olá, pessoal!
No artigo de hoje vamos ver como dizer para o Yeoman usar uma versão específica do AngularJS.
Por default, o Yeoman na versão 1.0 vem com o AngularJS 1.0.7, mas se precisamos usar a versão mais recente ou uma específica, como atualizar? É bem simples!
Note: vou considerar que você criou seu projeto via Yeoman.
Passo 01
Abra o arquivo bower.json
Passo 02
Altere as dependências a seguir para a versão desejada:
"angular": "~1.2.9",
"angular-resource": "~1.2.9",
"devDependencies":
{
"angular-mocks": "~1.2.9",
"angular-scenario": "~1.2.9"
}
Passo 03
Digite bower update e aguarde atualização:
Passo 04
Agora execute:
bower install --save angular-route
Passo 05
Precisamos atualizar o arquivo Karma.conf.js no array files adicione:
'app/bower_components/angular-sanitize/angular-route.js',
Passo 06
Abra o arquivo apps.js e atualize. Adicione ngRoute, que vai ficar assim:
angular.module('webappApp', [
'ngCookies',
'ngResource',
'ngSanitize',
'ngRoute'
])
Passo 07
Abra o arquivo index.html dentro de app/index.html e adicione a linha a seguir no bloco de script/modules.js:
<script src="bower_components/angular-route/angular-route.js"></script>
Pronto! Veja que a estrutura do projeto foi alterada de acordo com a versão escolhida do AngularJS. Sabemos que a partir da versão 1.2 tivemos mudanças que são incompatíveis com projetos na versão 1.0.x.
Vou ficando aqui e espero que tenham gostado do artigo.
Abraços!