image

Acesse bootcamps ilimitados e +650 cursos pra sempre

60
%OFF
Article image
Rafael Biasiolo
Rafael Biasiolo14/02/2024 21:09
Compartilhe

Ambiente Gulp Configurado - Plugin

  • #HTML
  • #JavaScript
  • #SASS

Fiz esse plugin que é um ambiente pré-configurado do Gulp projetado para facilitar tarefas de código. Com este ambiente, é possível compilar Sass, comprimir imagens e minificar JavaScript automaticamente.

Instalação

Instale o pacote via npm:

npm install configured-gulp-environment

Navegue até o Diretório do Projeto:

cd configured-gulp-environment

Instale as Dependências:

npm install

Como Usar

Após a instalação, siga estes passos:

  • Edite os Arquivos Fonte:

Edite seus arquivos fonte localizados no diretório source/. Você pode modificar arquivos Sass, atualizar imagens e fazer alterações nos arquivos JavaScript conforme as necessidades do seu projeto.

  • Execute as Tarefas do Gulp:

Execute as tarefas relevantes do Gulp com base nas suas alterações. Por exemplo:

npm run compileSass

npm run compressImages 

npm run minifyJS

Ou execute todas as tarefas juntas com:

npm run build

Observe Mudanças:

Se desejar que o Gulp detecte e processe automaticamente as mudanças enquanto trabalha, execute:

npm run watch

Agora você está pronto para desenvolver com um ambiente Gulp configurado.

Estrutura do Projeto

source/: Contém os arquivos fonte para Sass, imagens e JavaScript.

dist/: O diretório de saída onde os arquivos compilados e minificados são gerados.

Compartilhe
Comentários (1)
Ricardo Almeida
Ricardo Almeida - 14/02/2024 23:49

👏👏👏 boa!