Para desenvolver um aplicativo web são necessários vários processos e, nos últimos tempos, o fluxo de atividades nesta área tem aumentado significativamente e pode deixar o trabalho lento e tedioso. Por exemplo: abstrações, frameworks, testes, documentação, desenvolvimento modular, gerenciamento de dependências, otimização de performance, integração continuada, controle de versões, dentre outras.
A automação é uma resposta à necessidade de aproveitar melhor o tempo e tornar-se mais produtivo, pois automatizar as tarefas repetitivas permite ser mais efetivo no trabalho.
Segundo Gustavo Akira, Desenvolvedor Front-end da Tirrell, “perdemos um bom tempo para fazer a distribuição dos arquivos para produção ou aplicar o back. Com a automação podemos agilizar este processo de criação de tarefas (“tasks”) no Grunt, Gulp ou Webpack e depois reaproveitá-las em outros projetos.”
Todos eles são instalados e gerenciados via npm (Node.js Package Manager).
1- Grunt – https://gruntjs.com/
Com o Grunt é possível executar tarefas repetitivas como minificação, configuração, teste unitário, dentre outros.
Indicação de leitura:
Gulp vs Grunt. Why one? Why the Other?
2- Gulp – https://gulpjs.com/
Com o código mais simplificado, o Gulp privilegia a codificação em vez da configuração. Segue as melhores práticas de uso do Node.js e sua API é minimalista, simplificando seu uso.
Indicação de leitura:
An Introduction to JavaScript Automation with Gulp
3- Webpack – https://webpack.js.org/
Em sua essência, Webpack é um gerenciador de módulos para aplicações em JavaScript. Quando ele é executado, ele monta recursivamente os gráficos de dependências de cada módulo que a aplicação precisa, depois agrupa todos esses módulos em um ou mais pacotes.
Indicações de leitura:
Webpack – A Detailed Introduction
Introduction to Webpack with practical examples
Referências:
GRUNT. The JavaScript Task Runner. Disponível em: https://gruntjs.com/ . Acesso em: Jan 2017.
GULP. Disponível em: https://gulpjs.com/ (https://gulpjs.com/). Acesso em: Jan 2017.
OSMANI, Addy. The Landscape Of Front-end Development Automation (Slides). Disponível em: https://developers.google.com/web/updates/2013/11/The-Landscape-Of-Front-end-Development-Automation-Slides . Acesso em Jan 2017.
WEBPACK. Disponível em: https://webpack.js.org/. Acesso em: Jan 2017.