Introdução ao Grunt

Atualmente, quando falamos de desenvolvimento web, existem fatores que nos obrigam a depender de um grande número de tarefas que devemos executar uma vez que tenhamos feito o código, e muito mais se estivermos usando JavaScript , uma vez que existem diferentes ferramentas de que precisamos para tornar nosso aplicativo o mais ideal possível.
Como tudo o que depende do ser humano tende a não ser sempre perfeito e estar cheio de erros, sempre buscamos uma forma de construir processos o mais limpos possível e automatizá-los, já que erros são menos prováveis ​​de serem cometidos se colocarmos todos nossa atenção em algo uma vez e então deixamos seu posto rodar para uma máquina.

PROLONGAR

É aqui que entra Grunhido, que nada mais é do que o resultado dessa busca pela automação e pela redução de erros e economia de mão de obra. Criado em 2012, tem crescido em popularidade até hoje é um elemento quase essencial de qualquer ambiente que contenha JavaScript como linguagem de desenvolvimento.
O que é Grunt?É uma ferramenta para linha de comando ou console JavaScript que é responsável por executar tarefas que são repetitivas e que levam muito tempo, por exemplo, se precisarmos minificar e compactar o código JavaScript, toda vez que modificamos um arquivo, devemos executar essas duas tarefas, com Grunhido isso é automático, toda vez que mudamos os arquivos Grunhido é responsável pela execução dessas tarefas.
Graças a este tipo de funcionalidade Grunhido encontrou uma grande recepção no mundo do desenvolvimento, especialmente aqueles que baseiam seu desenvolvimento em torno JavaScript com ambientes como Node.js o CoffeeScript, que gerou uma grande comunidade com mais de 2.000 plug-ins nos repositórios npm que funcionam com Grunhido.
Os aplicativos da Web hoje estão crescendo não apenas em tamanho, mas também em complexidade, o que nos leva a desenvolver uma quantidade de código e ferramentas de construção que excedem o limite humano para revisão exaustiva, é por isso que surge o desenvolvimento baseado em teste ou TDD, e da mesma forma, existem tarefas adicionais que não têm a ver com o código que nos permitem otimizar nossa aplicação.
Grunhido ajuda-nos com a segunda parte da abordagem, permite-nos reduzir o tempo que temos para investir na execução das tarefas e, assim, ajuda-nos a cumprir o princípio SECO, para não nos repetir. É por isso que devemos usar Grunhido para economizar tempo e diminuir nossa probabilidade de cometer erros.
Já sabemos o que é e por que devemos usá-lo, mas ainda temos um pouco mais sobre o que falar Grunhido, onde uma das coisas mais importantes é saber quais benefícios isso nos traz, desde uma maior consistência em nosso aplicativo até a abordagem da comunidade de desenvolvedores, então vamos ver os benefícios com um pouco mais de detalhes.
EficiênciaÀs vezes pensamos que fazer as coisas manualmente nos economiza o tempo de ter que investigar e implementar algumas ferramentas, mas acontece que o tempo acumulado por semana ou por mês torna-se excessivo, podendo perder até 4 ou 5 horas, com Grunhido isso é reduzido, simplesmente uma vez que automatizamos a tarefa, no final do dia liberamos essas execuções de nossas mãos.
ConsistênciaComo mencionamos no início, o ser humano está sujeito a erros e, portanto, ao automatizar podemos reduzi-los, Grunhido Nos dá a oportunidade de executar tudo exatamente da forma que verificamos que não há erros, retirando o fator humano da equação e otimizando nossas tarefas.
EficáciaAo construir um conjunto de tarefas automatizadas, podemos fazer com que nossa mente lide com os problemas que realmente precisam de nossa atenção e, executando menos tarefas, ficaremos menos cansados, portanto, seremos mais eficazes.
ComunidadeSe há algo que pensamos ser necessário para nosso ambiente automatizado, certamente existe, e é isso graças às grandes vantagens de Grunhido Uma forte comunidade de plug-ins foi construída que podemos usar gratuitamente e de graça muitas vezes, economizando muito mais trabalho.
Uma vez que conhecemos os conceitos teóricos, as vantagens, as razões para usá-lo e outros aspectos interessantes da GrunhidoÉ hora de colocarmos em prática tudo o que aprendemos, então vamos começar instalando essa ótima ferramenta em nosso ambiente.
Grunhido É multiplataforma, portanto podemos usá-lo no Windows, Mac e Linux, por razões práticas durante este tutorial veremos a instalação em um ambiente janelasNo entanto, o processo não é muito diferente nos outros sistemas, uma vez que o requisito inicial seja atendido.
Node.js e seu gerenciador de pacote e módulo npm são o principal requisito antes de instalar Grunhido, atualmente ambas as ferramentas vêm na mesma instalação, então só temos que instalar Node.js Em nosso sistema, este processo é muito simples e já foi explicado em outros tutoriais, no entanto, basta visitar o site oficial do projeto nodejs.org para descobrir como instalar em nosso sistema operacional.

PROLONGAR

Assim que tivermos baixado e Node.js rodando em nosso sistema, estamos prontos para a próxima etapa.
A instalação de Grunhido é muito simples, vamos obter a ferramenta Grunt CLI, ou seja, a interface de linha de comando, que é o que nos permitirá usar o console como nossa forma de indicar Grunhido as tarefas a serem concluídas. Para isso vamos usar npm e seus repositórios que são sempre atualizados para a versão estável mais recente do projeto.
Para fazer isso, simplesmente temos que executar a seguinte instrução em nosso console de comando:

 npm install -g grunt-cli

Esta ação nos deixará a ferramenta já instalada como podemos ver na imagem a seguir de nosso console.

Como pudemos ver, a instalação foi muito simples e em poucos segundos deixa nosso sistema pronto para uso Grunhido. Agora devemos ir para uma pasta onde reside um projeto que queremos vincular Grunhido e executamos a seguinte instrução:

 npm install grunt

Isso nos permitirá incorporar Grunhido em nosso projeto e, assim, começar a usá-lo, vamos ver o que o console nos diz quando fazemos isso:

Nosso próximo passo agora é gerar os arquivos package.json Y Gruntfile.js, ambos são vitais para nosso aplicativo para que possamos atender a todas as dependências de que precisamos e também indicar Grunhido o que fazer de forma eficaz. Esses arquivos são fundamentais, pois são uma espécie de estrutura, na qual npm Y Grunhido eles serão suportados, caso não existam em nosso projeto teremos problemas para usar a ferramenta.
Para gerar o conteúdo do package.json Basta usarmos um comando que nos dará uma configuração inicial, para isso devemos primeiro criar um arquivo vazio chamado package.json, é muito importante que contenha duas chaves {} para que seja interpretado como JSON, então, em nosso console, devemos executar o seguinte no mesmo diretório de nosso projeto:

 npm install --save grunt grunt-contrib-uglify

O que nos dará a seguinte mensagem no console de comando:

Finalmente, se virmos nosso arquivo package.json Veremos que foi atualizado com o seguinte conteúdo:

Agora devemos criar o arquivo Gruntfile.js, este é quem vai contar Grunhido tudo que deve ser executado em nosso ambiente então é uma parte vital, a estrutura base deste arquivo é a seguinte:

 module.exports = function (grunt) {// aqui está o conteúdo de nossas tarefas};

Após o comentário é que podemos colocar nossas diferentes tarefas agendadas, que faremos quando executarmos o comando grunhido todas as instruções que colocamos neste arquivo são executadas em nosso console.
Como já vimos bastante conteúdo, vamos deixar a criação de tarefas automatizadas para outro momento, o importante é que tenhamos entendido que é Grunhido, quais são os requisitos que precisamos para instalá-lo e tudo o que ele nos oferece.
Com isso concluímos este tutorial, se quisermos ir um pouco mais fundo podemos entrar na documentação oficial da ferramenta que está em inglês e assim avançar alguns conhecimentos que podemos colocar em prática posteriormente.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo