Gulp | Guia Definitivo – Automatizando tarefas de build e deploy de um Web App – Mão na Massa – Processo de Build
Olá a todos. Sejam bem vindos aos Canal e Blog SW9 (http://blog.sw9.com.br)
No vídeo de hoje, terceiro vídeo da série de um total de 6, vou iniciar o processo de desenvolvimento de tarefas seguindo o workflow proposto no vídeo 2.
Explicarei como construir a tarefa de prompt, tarefa de Lint JS e a Tarefa de Otimização de Imagens.
[Tarefa de Prompt]
Esta será nossa primeira tarefa no processo de build. Exibiremos ao usuário uma mensagem perguntando se deseja realizar um build do tipo [Debug] ou do tipo [Production].
Se optar pelo tipo [Debug], a tarefa vai configurar o diretório de destino do build para /build/dev, caso contrário a tarefa vai configurar o diretório de destino do build para /build/prod.
Além da definição do diretório de build, esta tarefa vai setar a variável [production] como true ou false.
[Tarefa de Lint]
A próxima tarefa que vamos abordar, é a tarefa de Lint JS. Adotaremos o mesmo procedimento independente do tipo de build, se [Debug] ou [Production].
O processo de lint fará a validação dos arquivos JS procurando por erros, principalmente erros de sintaxe.
Durante a execução da tarefa, serão exibidos os erros no prompt, graças ao reporter que o plugin de lint possui.
[Tarefa de Otimização de Imagem]
A tarefa de otimização de imagens é algo bem importante, principalmente para acelerar a renderização de página em um ambiente de produção.
Tendo imagens mais leves, o processo de carregamento de uma página torna-se mais veloz.
Assim como na tarefa de Lint, o processo de otimização de imagens será o mesmo, independente do tipo de build que escolhemos.
[Conclusão]
Para concluir, vou criar uma tarefa principal chamada [run] que servirá para chamar as demais tarefas que compõem o processo de build e deploy.
Bom, por hoje é só. Aproveitem o vídeo e bons estudos.
Dica: Deixarei na descrição do vídeo o link para a área de plugins do Gulp. Conforme comentei, a ferramenta possui mais de 3.000 plugins disponíveis para facilitar nosso processo de automatização de tarefas.
Como de costume, deixarei um link no final da descrição para baixarem o código fonte parcial. O processo é bem simples, basta acessar o link, informar um e-mail válido e dentro de instantes receberá o link para acesso irrestrito em minha área de downloads.
Nome do arquivo disponível na área de Downloads: Gulp – Video – 3.zip
O que estão esperando? Baixem agora mesmo o código fonte e bons estudos.
Espero que gostem deste vídeo. Aproveito para pedir a participação de vocês no canal e blog, curtindo, compartilhando, dando sua opinião e se inscrevendo no canal e blog para receber as novidades em primeira mão.
Fiquem com Deus e até o próximo vídeo.
Links úteis:
Plugins Gulp: http://gulpjs.com/plugins/
Código Fonte: http://blog.sw9.com.br/acesso-area-de-downloads/
Meu Blog: https://tudosobredesenvolvimentowebemobilehibridojavascript.sw9.com.br/
Meu GitHub: https://sw9brl.github.io/MyGitHubPage
Canal youtube: https://youtube.com/+sw9brl
Link do vídeo: https://youtu.be/la-a8YOk_Sk
Playlist Gulp: https://www.youtube.com/playlist?list=PLtluGZbI5EShPPQh7TxfxMaFwDsktHi4V
✔ Clique em gostei ✔ Compartilhe ✔ Inscreva-se
Que tal me pagar um café :-)
Uma pequena quantidade de café foi consumida durante a produção de um post + vídeo. Se puder, contribua adicionando mais combustível para que eu tenha condições de seguir em frente.
Brincadeiras à parte, o valor selecionado é multiplicado por 2 (x2) que representa a multiplicação de minha dedicação a cada contribuição que recebo.
Deixe um comentário