Minificação de arquivos angular.js

[Kaio]

Fala galera, blz?

Tenho uma dúvida de iniciante, mas que de repente possa vir a ajudar outros em futuras consultas.

Seguinte, tenho a camada de view toda em angular.js (routes, resources etc) e a pouco tempo conheci a ferramenta Gulp.js[1], e então na hora de minificar
todos os assets, seria o ideia fazer isso com os arquivos que envolvem todo o modelo da minha aplicação?

O que vocês costumam fazer relativo a isso?

[1] http://gulpjs.com/

[principe...@gmail.com]

1- nao entendi sua duvida

2- a ideia de minificar os assets seriam tornar a aplicacao mais leve, apenas isto.

alem do gulp ( que nao eh minificador, e sim automatizador de tarefas, e dentre elas o de minificar assets), existe o grunt, e mais alem disso generators para angular q ja treazem esta tarefa pra voce automatizada.

Em angular, com relacao aos templates utilize o template cache, ele pega o template em html e cria em js na aplicacao, fica muito mais leve na hora de mostrar os dados.

--
Você recebeu essa mensagem porque está inscrito no grupo "Node.js Brasil" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para nodebr+un...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

[Alan Hoffmeister]

Kaio, normalmente utilizo concatenação / webpack / browserify e depois minifico o bundle inteiro. Mas no geral não entendi muito bem o que vc quis dizer com "arquivos que envolvem todo o modelo da aplicação". 

--
Alan Hoffmeister
https://twitter.com/alan_hoff
https://github.com/alanhoff
https://keybase.io/alanhoff

[Kaio Cesar]

Sim como certeza Borodin,

a dúvida é relativa a tarefa de minificação de arquivos angular e afins, mas por questão de ter algum tipo de problema ao minifica-los.

Obrigado pelas dicas.

[Kaio Cesar]

Opa, valeu Alan!

A dúvida é relativa a tarefa de minificar os arquivos .js que envolvem o angular, se tem algum tipo de problema fazer isso e tal.

Mas pelo o que entende, é de boa então.

Valeu as dicas.

[principe...@gmail.com]

nao, a unica coisa que acontece no processo de minificacao seria a retirada de quebra de linhas, que reduz em alguns bytes o arquivo final...

--

[Kaio Cesar]

Show de bola.

Aproveitando o espaço, vocês costuman utilizar SSL quando utilizam o formato de API?

Por exemplo, tenho uma API xyz.com.br que redistribui para web e app (android, iPhone e WinPhone).

[principe...@gmail.com]

eu so uso quando envolve dados muito sensiveis, fora isso, eu utilizo o sistema de tokens, ou oauth

--

[Samuel Castro e Silva]

Kaio, na verdade a minificação de um projeto angular pode gerar problemas de injeção de dependências, para fixar este problema, antes de minificar, utilize a lib ng-annotate (https://www.npmjs.com/package/gulp-ng-annotate) que vai organizar os parâmetros a serem injetados corretamente.

Qualquer outra dúvida sobre o Angular.js você pode procurar aqui: angula...@googlegroups.com

Abs.

--

Você recebeu essa mensagem porque está inscrito no grupo "Node.js Brasil" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para nodebr+un...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

--

Samuel Castro

Full Stack Developer

(37) 9110-8850

[Alan Hoffmeister]

Kaio, SSL first. Hoje em dia preço de certificado e dificuldade de implementação não são mais desculpas. E sobre os minificar projetos em Angular, existem alguns cuidados que vc precisa tomar pois o processo de minificação envolve encurtar o nome de variáveis, chaves, etc..

http://frontendcollisionblog.com/javascript/angularjs/2015/03/31/something-no-one-tells-you-about-minifying-angularjs-controllers-until-its-too-late.html

--
Alan Hoffmeister
https://twitter.com/alan_hoff
https://github.com/alanhoff
https://keybase.io/alanhoff

[Kaio Cesar]

Legal Borodin.

é isso que imaginei Samuel, mas como conheci agora o gulp não sabia direito se ele já realizava isso automaticamente junto a tarefa de minify.
obrigado pela dica vou aplicar no meu Gulpfile

[principe...@gmail.com]

Sim, ele pode sim ou nao realizar diretamente, procure algo sobre watch(assim eh chamado no grunt, nao sei no gulp), ele detecta mudancas ao salvar um arquivo e realizar determinadas tarefas.

--

[Kaio Cesar]

Boas dicas,

Muito bom esse post, farei alguns muitos testes relativos a escrita desse post.
Eu programei os controllers quase próximo do que o post recomendou, exceto pelo lance do

MyController.$inject

Normalmente eu adiciono as dependências desse modo:

.controller('PostController', ['$scope', '$location', function($scope, $location){ .... }]);

Relativo ao SSL, eu estava utilizando o Start SSL [https://www.startssl.com/]

[Alan Hoffmeister]

E pra quem não gosta de ficar configurando certificado, tem a CloudFlare, eles são um tipo de DNS  + proxy reverso bem fácil de configurar :-)

--
Alan Hoffmeister
https://twitter.com/alan_hoff
https://github.com/alanhoff
https://keybase.io/alanhoff

--

[Samuel Castro e Silva]

Kaio, a lib ng-annotate faz automaticamente o que o post compartilhado pelo Allan recomenda, você não tem trabalho algum.

--

Você recebeu essa mensagem porque está inscrito no grupo "Node.js Brasil" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para nodebr+un...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

[Kaio Cesar]

Opa, melhor ainda então Samuel, valeu. \o/

Vou testar esse Cloudflare tbm. O Plano FREE "Peace of mind about running your website so you can get back to what you love" ehehehe vlw