Blog SW9

Desenvolvimento Web e Híbrido na prática.
Tome um café, concentre-se, codifique. (งツ)ว

Plugins Gulp | Série Top Plugins – #4 – Carregamento de plugins com Gulp-Load-Plugins – Sw9 ??


Plugins Gulp | Série Top Plugins – #4 – Carregamento de plugins com Gulp-Load-Plugins – Sw9 ??

Olá a todos. Sejam bem vindos ao Canal e Blog SW9 (http://blog.sw9.com.br)

No vídeo de hoje é a vez de apresentar um plugin que vai agilizar o nosso trabalho na hora de referenciar e carregar todos os plugins usados no gulpfile.js

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-Load-Plugins]

Neste vídeo irei apresentar passo a passo o uso do plugin [gulp-load-plugins], passando pelas seguintes etapas:

  • Instalação

  • Preparação do arquivo gulpfile.js

  • Configuração

  • Execução

Mas para que serve este plugin?

Basicamente, o objetivo principal do plugin é agilizar o processo de referência dos plugins dentro do arquivo gulpfile.js

Em nosso modelo tradicional, que inclusive segui durante a série sobre Gulp – Guia Definitivo, para cada plugin

que eu precisava usar, era necessário declarar uma variável que recebia a referência do plugin desejado. De forma prática seria algo como:    var util = require(‘gulp-util’);

Este processo demanda algum tempo nosso, é neste cenário que cabe a utilização do plugin [gulp-load-plugins].  O objetivo dele é não precisarmos fazer mais isso.  Basicamente o que o plugin faz é identificar os plugin já instalados e listados no arquivo package.json e carregá-los em tempo de execução.  Simples assim :-)

Este plugin possui uma série de configurações e abordarei as principais durante o passo a passo.

Dica importante: Apesar de ser um plugin bem útil, temos que tomar alguns cuidados.  Dependendo da situação (projeto com muitas tarefas e muitos plugins para carregar) o processo de execução da ferramenta gulp torna-se mais lento se comparado ao modelo tradicional de referenciar os plugins.

Neste caso, podemos tentar usar o recurso chamado [lazy load] e também deixar o parâmetro de debug do [gulp-load-plugins] desativado.

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/#4 – Auto Load Plugins – Gulp Load Plugins.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 Load Plugins: https://github.com/jackfranklin/gulp-load-plugins

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/dHVvIAC36jE

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

Tópicos Relacionados

Deixe um comentário

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Paulo Eduardo
Geek desde criança, sempre me interessei por games, filmes e tecnologia. Sou graduado em engenharia da computação pela PUC Campinas. Possuo mais de 15 anos de experiência em desenvolvimento, com foco maior em desenvolvimento web, gestão de times e mais recentemente desenvolvimento mobile utilizando HTML e Javascript.

Termos como #backend, #frontend e #fullstack fazem parte do meu dia a dia.

Não deixe de acompanhar meu blog, canal youtube e meus produtos digitais.

Divirta-se e bons estudos. :-)
Paulo Eduardo on sabyoutubePaulo Eduardo on sabinstagramPaulo Eduardo on sabgithubPaulo Eduardo on sabfacebook
✌(◕‿-)✌ Tempo Limitado - Tenha acesso a nossa área de DownloadsClique Aqui - É Grátis
How to whitelist website on AdBlocker?