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.