O documento discute ferramentas de automação de tarefas como Grunt e Gulp, comparando seus pontos fortes e fracos. Grunt foi lançado em 2012 e funciona através de um arquivo de configuração complexo, enquanto Gulp lançado em 2013 é mais rápido ao usar streams do Node.js para evitar arquivos temporários. Embora Grunt tenha uma grande comunidade, Gulp é preferido por ter configurações mais simples e melhor performance.

2. Jackson Veroneze
Software Developer
jackson@jacksonveroneze.com
https://jacksonveroneze.com
https://br.linkedin.com/in/jacksonveroneze
Mario Mendonça
Software Developer
mario.mendonca@gmail.com
https://br.linkedin.com/in/mario-mendonca

3. O que é?
Conhecido como “automatizador de tarefas”, “executor de tarefas”, dentre
outros termos do gênero;
Se autointitula um build system, algo como um “sistema de construção” ou
“sistema de compilação”.

4. Automatizadores de tarefa
Automatizadores de tarefa são ferramentas que ajudam programadores a
realizarem tarefas repetitivas mas essenciais para o desenvolvimento como:
Concatenação de arquivos
Minificação
Testes
E muitas outras coisas necessárias para a criação de um código rápido e
eficiente.

5. Um pouco do Grunt
Muito conhecido na área de front-end, foi criado em 2012 por Ben Alman.
Funciona através da configuração de um arquivo chamado Gruntfile.js, que
gerencia os vários plugins do ecossistema e cria arquivos intermediários no
disco (temporários), até gerar o arquivo final desejado.

6. Grunt - Exemplo

7. Considerações
Pontos fortes do Grunt
Comunidade grande
Muitos plugins
Pontos fracos do Grunt
Arquivos de configuração muito grandes
Grande número de parâmetros para cada plugin
Processamento lento quando utiliza arquivos muitos grandes

8. Um pouco do Gulp
O Gulp foi criado na metade de 2013 por Eric Schoffstall
Objetivo de simplificar e agilizar o processo, utilizando streams.
A informação é transmitida através das tarefas usando o método de pipeline, o
que reduz o número de operações I/O.

9. Por que Gulp?
O Gulp é muito mais rápido que o Grunt, já que faz uso das streams do nodejs
para escrever arquivos diretamente para o disco, dispensando intermediários.
Sem falar na simplicidade do Gulpfile(equivalente ao Gruntfile), que utiliza uma
sintaxe de código semelhante ao código comum do nodejs.

10. Gulp - Exemplo

11. Considerações
Pontos fortes do Gulp
Melhor performance
Arquivo de configuração pequeno e mais fácil de ler
Linha de aprendizado menor
Evita criação de arquivos temporários
Facilidade de uso através dos 5 comandos principais da API
Plugins mais simples e menores

12. Cenário

13. NodeJS - package.json

14. gulpfile.js

15. Tasks

16. Deletando arquivos e diretórios

17. Concatenando css

18. Concatenando e minificando JS

19. Minificando HTML

20. Otimizando imagens

21. Watch - Monitorando arquivos

22. Gulp serve

23. Referências
http://tableless.com.br/gulp-o-novo-automatizador/
https://github.com/jacksonveroneze/task-list
http://desenvolvimentoparaweb.com/javascript/gulp/
http://tableless.com.br/gulp-o-novo-automatizador/
http://imasters.com.br/desenvolvimento/por-que-usar-
gulp/?trace=1519021197&source=single