Plugin Gulp | Série Top Plugins – #7 – Obtendo tamanho dos arquivos (por arquivo e total) usando Gulp-size | Gulp-notify – Sw9 ??
Olá a todos. Sejam bem vindos ao Canal e Blog SW9 (http://blog.sw9.com.br)
No vídeo de hoje apresentarei o plugin gulp [gulp-size] e o plugin gulp [gulp-notify].
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-size]
Este será o primeiro plugin que vou explicar no vídeo de hoje. Explicarei passo a passo como instalar, configurar e utilizar o plugin [gulp-size].
O objetivo do [gulp-size] é nos auxiliar exibindo a quantidade de kb de cada arquivo processado em nossas tarefas e, se for necessário, exibir também a quantidade total de Kb por grupo de arquivos processados.
Exemplo: Temos uma tarefa de transformação de arquivos .css e gostaríamos de saber, durante o processo de transformação, qual o tamanho original de cada arquivo .css e no final a quantidade total de Kb (soma dos Kbs de cada arquivo .css).
Reforçando, este é o objetivo do plugin [gulp-size].
O plugin [gulp-size] possui alguns parâmetros que podemos ativar/desativar no momento da configuração. São eles:
Este parâmetro permite informar um rótulo que será exibido durante a execução da tarefa que faz uso do gulp-size.
[gzip] =padrão false
Caso este parâmetro seja configurado como true, o terminal vai apresentar o tamanho previsto se for realizada uma compactação.
[pretty] = padrão true
Este parâmetro, se mantido como true, vai exibir o tamanho no formato (Kb).
[showfiles] = padrão false
Este parâmetro permite exibir ou não o tamanho de cada arquivo.
[showtotal] = padrão true
Este parâmetro permite exibir ou não o total geral em Kb de um conjunto de arquivos.
[size.prettySize]
Este parâmetro vai permitir disparar a informação de tamanho do arquivo para outra saída, como por exemplo uma notificação no windows ou linux usando o plugin [gulp-notify].
[Gulp-notify]
Farei uma menção rápida deste plugin, apenas para mostrar como ele funciona em conjunto com o parâmetro [size.prettySize] do plugin [gulp-size], mas deixarei no final do vídeo o link para a página do plugin, onde você poderá conhecer melhor o potencial dele.
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/#7 – Gulp Size e Gulp Notify.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 Size: https://www.npmjs.com/package/gulp-size
Gulp Notify: https://github.com/mikaelbr/gulp-notify
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/QtZeMRdHsps
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