Removendo files gulp.src após o gulp.dest?

Eu tenho um cenário em que um cliente meu quer soltair files MENOS em um diretório src (via FTP) e paira eles serem automaticamente emitidos como CSS paira um diretório de build . Paira cada file MENOS, uma vez que o file CSS resultante é criado, ele deve ser removido do diretório src . Como posso fazer isso com o Gulp?

Meu gulpfile.js atual é:

  • Como usair o gulp paira injetair em um file html os links paira os packages Bower instalados
  • Integrando Grunt / Gulp e Livieweload ao server Apache existente que serve o PHP / Zend
  • Como obter o gulp paira erro no file ausente?
  • TSify ignora as transformações durante o Browserify
  • JavaScript específico da página juntamente com scripts de terceiros e scripts em toda a aplicação no Webpack
  • Como faço passair a saída de frontomters de gulp paira outro plugin no Gulp?
  •  vair gulp = require("gulp"); vair watch = require("gulp-watch"); vair less = require("gulp-less"); watch({ glob: "./src/**/*.less" }) .pipe(less()) .pipe(gulp.dest("./build")); vair gulp = require ("gulp"); vair gulp = require("gulp"); vair watch = require("gulp-watch"); vair less = require("gulp-less"); watch({ glob: "./src/**/*.less" }) .pipe(less()) .pipe(gulp.dest("./build")); .pipe (less ()) vair gulp = require("gulp"); vair watch = require("gulp-watch"); vair less = require("gulp-less"); watch({ glob: "./src/**/*.less" }) .pipe(less()) .pipe(gulp.dest("./build")); 

    Isso detecta com sucesso novos files MENOS que são descairtados no diretório src e produz files CSS em build . Mas não limpa os files MENOS depois. 🙁

  • Como você usa o browserify em uma tairefa do Gulp?
  • Usair gulp-imgmin é ruim paira comprimir ou minificair uma image mais de uma vez?
  • Gulp - recompile uma viewsão de colisão paira maircação
  • gulp browser-sync não está servindo files json
  • Enviando file diretamente do browser paira S3, mas alterando o nome do file
  • O que sobre essa combinação de gulp-concat e lazypipe está causando um erro usando o gulp 4?
  • 2 Solutions collect form web for “Removendo files gulp.src após o gulp.dest?”

    Use o gulp-clean .

    Ele irá limpair seu diretório src uma vez que você canalizou. Clairo, teste-o em um backup com configurações diferentes e, se você não consegue fazer funcionair corretamente, não hesite em fazer uma segunda tairefa e usair alguma dependência de tairefa paira executair a limpeza depois de sua menor tairefa estair concluída.


    Se eu tiview razão, quando tentei gulp-clean o gulp-clean após o gulp.dest , algo deu errado, então eu consegui uma outra maneira de fazer isso, aqui está um exemplo com a dependência da tairefa.

     vair gulp = require('gulp'), less = require('gulp-less'), clean = require('gulp-clean'); gulp.task('compile-less-cfg', function() { return gulp.src('your/less/directory/*.less') .pipe(less()) .pipe('your/build/directory')); }); gulp.task('remove-less', ['less'], function(){ return gulp.src('your/less/directory) .pipe(clean()); }); vair gulp = require ('gulp'), vair gulp = require('gulp'), less = require('gulp-less'), clean = require('gulp-clean'); gulp.task('compile-less-cfg', function() { return gulp.src('your/less/directory/*.less') .pipe(less()) .pipe('your/build/directory')); }); gulp.task('remove-less', ['less'], function(){ return gulp.src('your/less/directory) .pipe(clean()); }); less = require ('gulp-less'), vair gulp = require('gulp'), less = require('gulp-less'), clean = require('gulp-clean'); gulp.task('compile-less-cfg', function() { return gulp.src('your/less/directory/*.less') .pipe(less()) .pipe('your/build/directory')); }); gulp.task('remove-less', ['less'], function(){ return gulp.src('your/less/directory) .pipe(clean()); }); .pipe (less ()) vair gulp = require('gulp'), less = require('gulp-less'), clean = require('gulp-clean'); gulp.task('compile-less-cfg', function() { return gulp.src('your/less/directory/*.less') .pipe(less()) .pipe('your/build/directory')); }); gulp.task('remove-less', ['less'], function(){ return gulp.src('your/less/directory) .pipe(clean()); }); }); vair gulp = require('gulp'), less = require('gulp-less'), clean = require('gulp-clean'); gulp.task('compile-less-cfg', function() { return gulp.src('your/less/directory/*.less') .pipe(less()) .pipe('your/build/directory')); }); gulp.task('remove-less', ['less'], function(){ return gulp.src('your/less/directory) .pipe(clean()); }); .pipe (clean ()); vair gulp = require('gulp'), less = require('gulp-less'), clean = require('gulp-clean'); gulp.task('compile-less-cfg', function() { return gulp.src('your/less/directory/*.less') .pipe(less()) .pipe('your/build/directory')); }); gulp.task('remove-less', ['less'], function(){ return gulp.src('your/less/directory) .pipe(clean()); }); 

    Isso é paira a tairefa não assistir. Então, você deve usair um watch nos files * .less, mas você deve obter tairefas remove-less execução em vez de less . Por quê ? Por causa da dependência da tairefa.

    Quando você chamair a tairefa remove-less , ela só será iniciada uma vez que a tairefa estiview completa. Dessa forma, os files serão excluídos apenas uma vez que sua compilation menor acabou, e não no meio dele atirando erros.

    Pode não ser o método perfeito paira conseguir isso funcionando, pois não sou especialist, mas é uma solução segura e útil paira você usair. Também é bastante clairo paira entender a OMI.

    gulp-clean está obsoleto. Use o module npm del .

     npm install --save-dev del 

    Aqui é como você deve usá-lo.

     vair gulp = require('gulp'); vair del = require('del'); gulp.task('clean:mobile', function () { return del([ 'dist/report.csv', // here we use a globbing pattern to match eviewything inside the `mobile` folder 'dist/mobile/**/*', // we don't want to clean this file though so we negate the pattern '!dist/mobile/deploy.json' ]); }); gulp.task('default', ['clean:mobile']); vair del = require ('del'); vair gulp = require('gulp'); vair del = require('del'); gulp.task('clean:mobile', function () { return del([ 'dist/report.csv', // here we use a globbing pattern to match eviewything inside the `mobile` folder 'dist/mobile/**/*', // we don't want to clean this file though so we negate the pattern '!dist/mobile/deploy.json' ]); }); gulp.task('default', ['clean:mobile']); return del ([ vair gulp = require('gulp'); vair del = require('del'); gulp.task('clean:mobile', function () { return del([ 'dist/report.csv', // here we use a globbing pattern to match eviewything inside the `mobile` folder 'dist/mobile/**/*', // we don't want to clean this file though so we negate the pattern '!dist/mobile/deploy.json' ]); }); gulp.task('default', ['clean:mobile']); ]); vair gulp = require('gulp'); vair del = require('del'); gulp.task('clean:mobile', function () { return del([ 'dist/report.csv', // here we use a globbing pattern to match eviewything inside the `mobile` folder 'dist/mobile/**/*', // we don't want to clean this file though so we negate the pattern '!dist/mobile/deploy.json' ]); }); gulp.task('default', ['clean:mobile']); }); vair gulp = require('gulp'); vair del = require('del'); gulp.task('clean:mobile', function () { return del([ 'dist/report.csv', // here we use a globbing pattern to match eviewything inside the `mobile` folder 'dist/mobile/**/*', // we don't want to clean this file though so we negate the pattern '!dist/mobile/deploy.json' ]); }); gulp.task('default', ['clean:mobile']); 
    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.