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
0
votos
0
respostas
30
visitas
Como gerar um CSS com regra hierárquica usando gulp
Tenho um arquivo pai chamado: /assets/hierarchy-file.scss, dentro dele eu importo os arquivos filhos:
@import "./style_guide";
@import './default_styles';
@import './header';
// :::::::::: ...
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('...
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
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": [
[
...
0
votos
1
resposta
70
visitas
Função default do Gulp
Gostaria de fazer as "tasks" abaixo rodarem simultaneamente, como devo proceder?
var gulp = require('gulp')
,clean = require('gulp-clean')
,imagemin = require('gulp-imagemin')
,cleanCSS = ...
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('...
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
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
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
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-...
0
votos
0
respostas
40
visitas
Não estou conseguindo deixar o meu arquivo final expandido com o gulp-sass
olá,não estou conseguindo deixar meu arquivo final .css expandido,já tentei colocar
no outputStyle a palavra expanded mas o arquivo continua compressado ai vai o código onde está todo o código sass.
/...
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:\...
0
votos
0
respostas
184
visitas
Gulp não minifica as imagens
Eu preciso minificar muitas imagens, mas não estou conseguindo com o gulp.
Problema: O código minifica nenhuma imagem e já verifiquei que todas as imagens estão na pasta.
Estrutura das pastas: ...
0
votos
1
resposta
700
visitas
Diferença de gulp parallel e gulp series
Qual a diferença de usar um ou outro no gulp v4?
Antes eu fazia algo como gulp.task('default', ['build']);
Mas agora da erro...
AssertionError [ERR_ASSERTION]: Task function must be specified
0
votos
1
resposta
90
visitas
Gulp babel({ presets: ["env"] }), não enxerga diretório externo
Estou usando Gulp para compilar meus arquivos JS.
Tenho DUAS pastas onde existem arquivos JS, uma DENTRO do projeto (pasta filha themes/) e outra esta FORA (pasta pai modules/).
Ao usar o:
babel(...
0
votos
2
respostas
82
visitas
Tarefas simultâneas no Gulp
Preciso de uma ajuda, gostaria que as tarefas server, sass e watch rodassem juntas, ou seja, escrevo scss, em seguida este é copilado para css e por fim o navegador atualiza automaticamente as ...
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
1
resposta
242
visitas
Copiar js de "Dependencies" da node_modules para uma pasta do meu projeto com gulp
Eu tenho algumas duvidas referentes a esse "novo" ferramentário do node/npm.
Até onde sei/aprendi, eu tenho grandes benefícios de gerenciar os scripts js pelo npm.
Porém eu não acho muito sadio ficar ...
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 ...
0
votos
1
resposta
34
visitas
Gulp Automatização de arquivo JS
Minha dúvida é a seguinte, tenho um arquivo .js no meu código que contem um monte de variaveis que só muda o valor delas.
Exemplo:
var teste = "http://desenvolvimento.com.br";
var teste = "http://...
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 = ...
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 ...
0
votos
1
resposta
2mil
visitas
Fontawesome não carrega corretamete carrega quadrados
Após realizada as configurações e instalar o font-awesome com o Bower e chamá-lo através do meu arquivo Sass através de um arquivo de nome plugin.sass o mesmo não está funcionado aparecem somente uns ...
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 ...
0
votos
0
respostas
26
visitas
checkout em projeto svn node/gulp
Olá, alguem saberia me dizer como posso fazer checkout de um projeto svn com o node/gulp?
Atualmente eu tenho essa rotina que copia minha pasta do projeto e cria uma nova para que eu possa minificar ...
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?
...
0
votos
0
respostas
50
visitas
Css não funciona com o gulp
Galera, boa noite
Estou começando com gulp agora e to no inicio de um sisteminha. O problema é que o css não funciona. Vou enviar um print do console.
Como podem ver o app.jss tá ok, mas o app.css ...
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
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 ...
0
votos
1
resposta
123
visitas
Como trabalhar com arquivos plano e minificados?
Ao escrever um arquivo .html, .css ou .js utilizamos sua forma plana, mas ao jogar em produção passamos a utilizar preferencialmente arquivos minificados, normalmente nomeados de .min.css, .min.js...
...
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()))
...
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 ...
0
votos
1
resposta
78
visitas
gulp-rev-all fazendo replace no id dom-module
Estou tentando fazer o versionamento dos assets do meu polymer web app usando o gulp-rev-all. Porém, o gulp-rev-all está fazendo replace e adicionando hash também no id do dom-module.
Ex: <dom-...
-1
votos
1
resposta
22
visitas
O build do gulp esta alterando o local da div
Depois do gulp build a coluna muda de local
0
votos
1
resposta
85
visitas
Erro na minificação de imagens com Gulp no Laravel
estou tentando fazer o gulp minificar as imagens do meu projeto. Meu projeto é o laravel 5.3 e estou usando a lib laravel-elixir-imagemin do gulp para minificar, só que quando dou o comando gulp ...
0
votos
1
resposta
1mil
visitas
Comando Gulp não funciona
Olá,
Eu criei um arquivo home.sass
@import molecules/mixins
@import ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap /variables
@import ../bower_components/bootstrap-sass/assets/...
0
votos
0
respostas
39
visitas
Erro desconhecido no gulp
Adicionei o arquivo mixins.sass ao meu projeto e quando fui olhar no terminal, apresentou o seguinte erro:
events.js:160 er; // Unhandled 'error' event
Error: sass\molecules\mixins.sass
...
0
votos
1
resposta
384
visitas
Gulp task - Erro
Já utilizo gulp a algum tempinho, para minificar arquivos css para less, mas agora queria usar o gulp tb para os arquivos js e não estou conseguindo, ta dando o seguinte erro.
OBS: Uso Windows
...
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 ...
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 = ...
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')...
0
votos
0
respostas
156
visitas
Problema Gulp - Erro events.js:160
Olá. Estou com um problema na execução do gulp pelo Yarn e pelo NPM. Ao executar o yarn run build pra setar minha aplicação pra pasta dist. O processo para em meio a essa saída no terminal:
Gulpfile....
0
votos
0
respostas
93
visitas
Como publicar uma API escrita em Typescript no NPMjs?
Eu criei uma API em Typescript, a pouco tempo.
E gostaria de saber como publica-lá no NPMjs, sei que tem como publicar porque o Angular 2 baixa libs em Typescript.
Não sei que etapas devo seguir ...
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
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 ...