Plugin Gulp | Série Top Plugins – #6 – Condicional nas tarefas com Gulp-if e Compactação com Gulp-zip – Sw9 ??
Olá a todos. Sejam bem vindos ao Canal e Blog SW9 (http://blog.sw9.com.br)
No vídeo de hoje você terá a oportunidade de conhecer o plugin gulp [gulp-if] e na sequencia o plugin gulp [gulp-zip].
Com o objetivo de criar vídeos mais curtos, minha idéia é apresentar no máximo 2 plugins por vídeo. Durante a apresentação eu vou explicar como instalar e utilizar cada plugin e disponibilizar o código fonte em minha área de download.
[Gulp-If]
Este será o primeiro plugin que vou apresentar neste vídeo. Explicarei passo a passo a instalação, configuração e utilização do plugin.
Mas enfim, para que serve este plugin? Se você for se basear apenas pelo nome do plugin, ele já te dará dicas de sua finalidade
Sim, é isso mesmo que você estava pensando. Este plugin possibilita a inclusão de condicional dentro de nossas tarefas.
Vamos para um exemplo prático: Vamos imaginar que no seu processo de build, você criou uma tarefa de minificação HTML e gostaria de implementar a seguinte regra: Se for um build para debug, você não quer passar pelo processo de minificação; já, se for um build para produção, você precisa passar pelo processo de minificação.
É neste necessário que se aplica a utilização do [gulp-if]. De forma simples e rápida podemos criar uma condição que atenda ao nosso objetivo.
Basicamente, o plugin [gulp-if] possui duas variações:
1- Se for uma condição simples, podemos usar apenas gulpIf(condicao, stream que deve ser executada)
Neste caso, se a condição retornar true (verdadeiro) a stream usada no segundo parâmetro da chamada será executada. Caso contrário, nada será feito.
2- Se for uma condição em que seja necessário executar uma ação se for verdadeiro e outra ação se for falso, então usamos a forma de operador ternário. Usando o operador ternário teríamos:
gulpIf(condicao, executar esta stream se condicao for true, executar esta stream se condicao for false)
Mas não se preocupe com isso agora, no vídeo explicarei cada forma de se usar o gulp-if.
Para finalizar a apresentação do plugin [gulp-if], vou mencionar o recurso lazyPipe que vai permitir incluir várias chamadas ao método .pipe quando uma condição for verdadeira ou falsa.
[Gulp-zip]
Para completar o vídeo de hoje, também vou explicar passo a passo como utilizar o plugin [gulp-zip], que tem como objetivo compactar toda a estrutura definida em gulp.src e gravar o arquivo comprimido no caminho especificado em gulp.dest.
Bom, por hoje é só. Aproveitem o vídeo e bons estudos.
Como de costume, deixarei um link no final da descrição para baixarem o código fonte. 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.
O que estão esperando? Baixem agora mesmo o código fonte e bons estudos.
Nome do arquivo disponível na área de Downloads: Gulp – Plugins/#6 – Gulp-if e Gulp-zip.zip
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:
Gulp If: https://github.com/robrich/gulp-if
Gulp zip: https://github.com/sindresorhus/gulp-zip
Código Fonte: http://blog.sw9.com.br/acesso-area-de-downloads/
Meu Blog: http://blog.sw9.com.br
Meu GitHub: https://sw9brl.github.io/MyGitHubPage
Canal youtube: https://youtube.com/+sw9brl
Link do vídeo: https://youtu.be/x3qNZt5HCgI
Playlist sobre Gulp: https://www.youtube.com/playlist?list=PLtluGZbI5EShPPQh7TxfxMaFwDsktHi4V
Playlist Plugins Gulp: https://www.youtube.com/playlist?list=PLtluGZbI5EShSszg6SD8wRWd_Ugdh8lBS
Parceria: https://www.tubebuddy.com/pricing?a=sw9brl
✔ 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