Perguntas com a tag [gulp]
Gulp é um automatizador de tarefas, cujo objetivo final é parecido com o do Grunt. Gulp se aproveita de streams do nodeJS, e se utiliza de código no lugar de configuração, promovendo uma construção de tarefas de uma maneira mais simples e intuitiva.
83 perguntas
7
votos
1
resposta
325
visitas
Deploy com GIT x Deploy com Gulp
Eu ainda não consegui entender sobre qual o melhor deploy de um site. Explico a forma como estou fazendo:
GIT
Iniciei um repositório local
Hospedei meu repositório em algum serviço como GitHub/...
5
votos
1
resposta
424
visitas
Tasks do Gulp com parâmetros de linha de comando
Trabalho com uma simples task do Gulp, criada para realizar um deploy em ambiente de produção. De uma maneira simplificada, a task é:
gulp.task('deploy-prod', function () {
return gulp.src('dist/*...
5
votos
2
respostas
592
visitas
Calculo de .scss para .sass [fechada]
Estou criando um grid system dinâmico utilizando sass e o gulp-sass para compilar.
Tenho este código:
$col-margin: 15px
.row
width: 100%
max-width: 1170px
margin: 0 auto
display: flex
flex-...
3
votos
2
respostas
137
visitas
Gulp + Bower - Como importar os componentes instalados pelo Bower para meu projeto final
Estou começando a gerenciar meus componentes com Bower e estou com uma dúvida:
Utilizo o Gulp para executar tarefas como compilar meus arquivos less, concatenar javascripts, só que como os ...
3
votos
1
resposta
249
visitas
Gulp task utilizando (usemin)
Comecei recentemente a utilizar o Gulp, em um projeto já existente. Criei o seguinte gulpfile.js:
var gulp = require('gulp'),
imagemin = require('gulp-imagemin'),
clean = require('gulp-clean')...
3
votos
2
respostas
518
visitas
Problema com acentuação em .js após concat e uglify no Gulp
Estou tentando otimizar o site do órgão onde trabalho e estou enfrentando problemas após concatenar e minificar os javascripts.
Nosso servidor Apache usa ISO-8859-1 e todos os meus arquivos no ...
3
votos
1
resposta
93
visitas
Tarefa do gulp não roda (mas vira callback)
Tenho uma tarefa no gulp, definida mais ou menos assim:
gulp.task('tarefa', ['a', 'b', 'c'], function () {
console.log("tarefa executada com sucesso");
});
Pelo que eu entendi da documentação, ...
3
votos
1
resposta
172
visitas
Gulp Task - Compilar Stylus para CSS
Depois de muita luta, comecei a fazer a página do meu portfolio. Aproveitei pra usar umas coisinhas que estava aprendendo, dentre elas o Gulp e Stylus. Para a construção do CSS estou usando a ...
2
votos
1
resposta
188
visitas
Gulp Watch Customizado
Este é meu Gulpfile atual e como estou utilizando-o muito, gostaria de criar um GULP WATCH que realizasse os uglify sempre que os arquivos fossem alterados.
var gulp = require('gulp');
var uglify = ...
2
votos
2
respostas
715
visitas
Usar 2 frameworks diferentes no mesmo CSS?
Comecei meu estágio hoje e a primeira tarefa que recebi foi procurar saber se é possível usar dois arquivos em um único CSS minificado.
Sobre minificar eu já aprendi usando node e gulp, vou usar o ...
2
votos
1
resposta
143
visitas
Problema ao executar o gulp
Meu Gulp funcionava normalmente, de uma hora para outra começou apresentar este erro:
O arquivo /var/www/html/dna/public/css/app.css está com permissão 777.
Conteúdo do arquivo gulpfile.js
var ...
2
votos
2
respostas
3mil
visitas
Enviar branch específico com Git para Github
como eu consigo enviar um branch específico para o Github através do Git?
Estou criando um projeto para aprender a utilizar o Gulp e seus plugins, e nele criei uma pasta com o código fonte, chamada ...
2
votos
1
resposta
100
visitas
Erro na instalação do gulp
Estou instalando o gulp no meu Windows 7 pelo comando gulp . Mas está me dando o seguinte erro:
[11:21:03] Error in plugin 'gulp-bower'
Message:
Failed to execute "git ls-remote --tags --heads ...
2
votos
1
resposta
204
visitas
Polyfill com Gulp e Babel
Estou tentando fazer um polyfill de um script para que funcione com IE8+, porém o mesmo resolve alguns problemas mas gera outros:
Minha configuração do .babelrc
{
"presets": [
[
...
2
votos
0
respostas
94
visitas
'Gulp' não executa através do 'Git Bash'
Estou tentando executar minhas tasks no Gulp através do Git Bash, porém quando dou o comando gulp para executar ele me trás a seguinte mensagem:
$ gulp
bash: gulp: command not found
Porém, eu ...
2
votos
1
resposta
107
visitas
Personalizar caminho de saída dos arquivos convertidos pelo gulp markdown it
Eu estava acompanhando esse passo a passo, e então surgiu a necessidade de que os arquivos markdown convertidos para html estivesse em outra pasta.
Veja o código do arquivo gulpfile.js:
var gulp = ...
2
votos
1
resposta
291
visitas
Problema ao startar gulp serve
Boa tarde,
Estou criando um portal em AngularJS e Node.
Após instalar na pasta de trabalho o npm npm install e o bower bower install
O tutorial pede para que seja feito o comando gulp serve, porém ...
1
voto
2
respostas
59
visitas
Dúvida ao migrar código Gulp
Boa noite, gostaria de saber como faço para atualizar esse trecho de código do Gulp 3 para o Gulp 4. Tudo antes funcionava perfeitamente, fui atualizar a lib por vulnerabilidades e agora fica ...
1
voto
1
resposta
36
visitas
Ajuda com o Gulpjs
Estou tendo um pequeno problema com as tasks do gulp. Estou tentando escutas as alterações dos arquivos com watch e atualizar o browser com browser sync.
Segue o código:
var gulp = require('...
1
voto
1
resposta
1mil
visitas
Como configurar gulp.task default sass e watch
olá
estou com alguns problemas na configuração do gulpfile.js para automatizar a conversão de sass para css no projeto de teste, abaixo explico o ambiente e os erros apresentados
Estrutura das pastas
...
1
voto
1
resposta
51
visitas
Gulp Watch JS loop infinito
Sou novo estudante de Gulp, e eu fiz esse watch para se os meus arquivos javascripts sofrerem alteração, ele executar o build-js. Mas quando eu executo o Gulp, ele compila tudo certo mas ele fica ...
1
voto
1
resposta
64
visitas
Condição para ignorar arquivos ".min.js"
Tenho a seguinte tarefa no meu gulpfile.js que renomeia arquivos .js para .min.js:
gulp.task('js', function () {
return gulp.src(paths.scripts.src)
.pipe(gulpif(prod, uglify()))
...
1
voto
1
resposta
141
visitas
Minificação no Gulp
Alguém sabe como minificar arquivos js e css em tempo de execução.
Por exemplo : No arquivo Html , a chamada ao arquivo Javascript está assim :
<script src="~/Content/Site/js/funcoes.js">&...
1
voto
1
resposta
2mil
visitas
Como faço para usar o vueJS com o gulp?
Estou trabalhando em um projetinho usando gulp e queria aprender um pouco mais de vue.js então quero usar no projeto, mas não to conseguindo achar nada claro (pra mim) na internet de como montar no ...
1
voto
1
resposta
852
visitas
Compactar todos os arquivos JS do NodeJs (node_modules) diminui a performance?
Na minha aplicação estou usando o Gulp para compactar todos os meus arquivos JS que ficam dentro da pasta node_modules, minha dúvida é em questão de performance, é uma prática ruim fazer isso ou não?
...
1
voto
1
resposta
277
visitas
Copiar a pasta de fontes usando o gulp?
Como criar uma task para copiar a pasta de fontes do bootstrap para a pasta build? Criei a seguinte tarefa mas não está funcionando.
var config = {
assets_path: './resources/assets',
...
1
voto
1
resposta
85
visitas
Posso usar compressão GZIP em arquivos que foram minificados pelo Gulp ou Grunt?
Posso usar compressão GZIP em arquivos que foram minificados pelo Gulp ou Grunt? Gostaria de saber se há possibilidade de eu ter problemas em relação a isso. Ou se eu teria um carregamento ainda mais ...
1
voto
1
resposta
129
visitas
Problema na execução da tarefa com Gulp & SASS?
Estou criando uma tarefa que compila, renomeia e simplifica os arquivos .scss para .css. Minha estrutura de arquivos está assim:
assets/
|__ css/
|__ sass/
| |__ uma-pasta/
| | |__ alguns.scss
|...
1
voto
1
resposta
367
visitas
Como usar os componentes do Bower usando o Gulp
Eu uso o Gulp para me ajudar no desenvolvimento, até ai beleza se preciso do bootstrap ou jquery baixo coloco nas pastas que escolher e ok, mas gostaria de usar o bower, porem não entendi muito bem ...
1
voto
1
resposta
393
visitas
Problema ao instalar Gulp
Estou tentando instalar o Gulp no Ubuntu, mas ele só me retorna erro:
root@gabriel-Aspire-E1-571:/var/www/aaa/projeto# npm install --save-dev gulp
npm WARN package.json [email protected] No description
...
1
voto
0
respostas
33
visitas
Como carregar módulos concatenados com o Gulp no RequireJS?
Meu projeto possui vários módulos AMD que estão sendo carregados no browser pelo RequireJS.
No entanto, estou migrando do JavaScript para o TypeScript e também quero utilizar o Gulp para fazer a ...
1
voto
0
respostas
184
visitas
Erro ao instalar gulp-imagemin via NPM
Estou tentando instalar o gulp-imagemin para otimização de imagens via NPM mas está ocorrendo erros.
Quando rodo o seguinte comando no terminal, erros de permissão retornam.
sudo npm install gulp-...
1
voto
1
resposta
270
visitas
Erro na execução de tarefas do gulp (task)
Alguém poderia me ajudar com esse erro?
Estou executando o comando "gulp" no cmd e aparece essa mensagem:
AssertionError [ERR_ASSERTION]: Task function must be specified
at Gulp.set [as _setTask] (C:\...
1
voto
0
respostas
28
visitas
Recuperar diretório onde o apk foi criado pelo gulp com o plugin cordova-lib
Boa noite,
Estou com um problema para recuperar o diretório onde o arquivo apk foi gerado. Utilizo o plugin cordova-lib no gulp para fazer build de uma aplicação ionic.
O "real" problema é que não ...
1
voto
0
respostas
50
visitas
Como aumentar o nível de otimização de imagens usando o Gulp?
Tenho uma tarefa e gostaria de saber como faço para melhorar a otimização da imagem? Segue meu script abaixo:
gulp.task(
'build-img',
() =>
gulp.src('assets/img/**/*')
.pipe(...
1
voto
0
respostas
106
visitas
Como substituir tags html e salvar em um novo arquivo
Estou tentando verificar um arquivo .html, remover algumas tags e criar um novo arquivo com as alterações feitas.
No método que estou utilizando no momento (js, gulp) eu acabo fazendo vários replaces ...
1
voto
1
resposta
28
visitas
Gulp watch mostra muito erros eslint. Quais dependências estão faltando?
Fiz o git clone de um app Ionic 1 feito com o Generator-M-Ionic
Fiz os seguintes passos para instalar as dependências:
npm install
bower install
npm install --global gulp-cli
E os prerequisitos do ...
1
voto
0
respostas
131
visitas
ASP.NET Core NPM e webpack/gulp
Criei um projeto no asp.net core usando o template empty (dotnet new web).
Pelo que pesquisei, para adicionar pacotes como Bootstrap ou jquery, temos que usar o NPM, que basicamente é adicionar o ...
1
voto
1
resposta
204
visitas
Pegar controle de versão do Git e salvar numa constante do PHP
Existe uma forma possível de salvar dentro do código PHP o hash do GIT ou uma numeração de versão de forma automática cada vez que der push, ou por Javascript, usando o gulp, salvar a versão no PHP?
...
1
voto
0
respostas
51
visitas
Como organizar gulpfile.js para processamento de sass, js, img e html?
Depois de muito esforço e inúmeras tentativas, consegui escrever um gulpfile.js que atende as minhas necessidades referente ao build de arquivos sass, js, img e html, entretanto, ainda estou tendo ...
1
voto
0
respostas
35
visitas
Como utilizar o gulp para auto copiar os arquivos de fonte ao compilar scss?
Estou utilizando o gulp com gulp-sass para gerar o build dos meus arquivos css. Gostaria de ao fazer o build do SCSS, os arquivos de fonte referenciados por @font-face dentro do estilo fossem ...
1
voto
0
respostas
72
visitas
problemas com o gulp
fala galera, comecei a fazer uns testes com yarn e o gulp. Estava tudo indo de boa, mas ontem eu baixei um template (este template https://github.com/Merukeru/angular1-gulp-template), fiz o passo a ...
1
voto
1
resposta
236
visitas
Como utilizar um arquivo Gulp para produção e desenvolvimento?
Estava pesquisando sobre como criar um arquivo Gulp que entenda como diferenciar quando for pra produção e quando for pra desenvolvimento. Achei o plugin abaixo, e gostaria de saber se essa é a ...
1
voto
0
respostas
79
visitas
Concat do Gulp não funciona
Bom dia. Não estou conseguindo concatenar os arquivos do AngularJS usando o módulo concat do gulp. Já tentei mudar o arquivo de diretório e mesmo assim não funciona. O problema é que não me aparece ...
1
voto
0
respostas
155
visitas
Como eu posso utilizar o gulp-stylus, jeet e rupture com gulp-load-plugins [fechada]
Se eu uso Stylus com Jeet e Rupture, meu gulpfile.js ficaria assim:
.pipe(stylus({
use:[prefixer(), jeet(), rupture()],
compress: true
}))
Agora, eu modularizei minhas ...
0
votos
1
resposta
79
visitas
Refusing to install gulp as a dependency of itself
Quando eu executo:
npm install --save-dev gulp
Acontece o erro:
npm ERR! Windows_NT 10.0.15063
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\...
0
votos
2
respostas
396
visitas
Gulp Sass não funciona
Até agora tudo funcionou no gulp perfeitamente, menos o sass.
Meu Código:
var sass = require('gulp-ruby-sass');
gulp.task('styles', function(){
gulp.src('./src/scss/**/*.scss')
.pipe(sass())...
0
votos
1
resposta
2mil
visitas
npm WARN deprecated
Já tentei achar solução na net sobre esse erro e as que encontrei não funcionaram.
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm ...
0
votos
1
resposta
29
visitas
Tarefa observa não executa corretamente [fechada]
const sass = require('gulp-sass')
const gulp = require('gulp')
let caminho = `scss/**/*.scss`
gulp.task('scss', () => {
return gulp.src(caminho)
.pipe(sass())
.pipe(gulp.dest('...
0
votos
1
resposta
436
visitas
HTML não puxa CSS gerado pelo SASS
Estou usando express pra subir o server e gulp pra gerar o sass, o gulp gera corretamente o arquivo, porém, o css não é adotado pelo HTML. segue código :
Express :
const express = require('...