Gulps gulp.watch yeni veya silinmiş dosyalar için tetiklenmedi mi?

Aşağıdaki Gulpjs görevi, glob eşleşmesinde dosyaları düzenlerken iyi çalışır:

// watch task.
gulp.task('watch', ['build'], function () {
    gulp.watch(src + '/js/**/*.js', ['scripts']);
    gulp.watch(src + '/img//**/*.{jpg,jpeg,png,gif}', ['copy:images']);
    gulp.watch(src + '/less/*.less', ['styles']);
    gulp.watch(src + '/templates/**/*.{swig,json}', ['html']);
});

// build task.
gulp.task('build', ['clean'], function() {
    return gulp.start('copy', 'scripts', 'less', 'htmlmin');
});

Ancak yeni veya silinmiş dosyalar için çalışmaz (tetiklenmez). Kaçırdığım bir şey var mı?

EDIT : grunt-watch eklentisi kullanarak bile çalışmıyor gibi görünüyor:

gulp.task('scripts', function() {
    return streamqueue(
        { objectMode: true },
        gulp.src([
            vendor + '/jquery/dist/jquery.min.js',
            vendor + '/bootstrap/dist/js/bootstrap.min.js'
        ]),
        gulp.src([
            src + '/js/**/*.js'
        ]).pipe(plugins.uglify())
    )
    .pipe(plugins.concat(pkg.name + '.min.js'))
    .pipe(gulp.dest(dest + '/js/'));
});

gulp.task('watch', ['build'], function () {
    plugins.watch({glob: src + '/js/**/*.js'}, function () {
        gulp.start('scripts');
    });
});

EDIT : Çözüldü, bu sorun oldu . Globs ile başlayan ./(değeri src) ATM çalışmıyor gibi görünüyor.

Düzenleme: Görünüşe göre gulp.watchşimdi yeni veya silinmiş dosyalarla çalışır. Soru sorulduğunda olmadı.

Cevabımın geri kalanı hala duruyor: gulp-watchsadece daha iyi bir çözümdür, çünkü yalnızca değiştirilmiş dosyalarda belirli eylemleri gerçekleştirmenize gulp.watchizin verirken, yalnızca tam görevleri çalıştırmanıza izin verir. Makul büyüklükteki bir proje için bu, yararlı olamayacak kadar yavaş olacaktır.

Hiçbir şey kaçırmıyorsunuz. gulp.watchyeni veya silinmiş dosyalarla çalışmaz. Basit projeler için tasarlanmış basit bir çözümdür.

, Yeni dosyalar için bakmak kullanabilirsiniz dosya izlemeye almak için eklenti çok daha güçlüdür. Kullanım şöyle görünür:gulp-watch

var watch = require('gulp-watch');

// in a task
watch({glob: <<glob or array of globs>> })
        .pipe( << add per-file tasks here>> );

// if you'd rather rerun the whole task, you can do this:
watch({glob: <<glob or array of globs>>}, function() {
    gulp.start( <<task name>> );
});

Şahsen, ilk seçeneği tavsiye ederim. Bu, dosya başına çok daha hızlı işlemlere izin verir. Herhangi bir dosyayı birleştirmediğiniz sürece karaciğer yükü ile geliştirme sırasında harika çalışır.

Ya kullanarak akışları paketleyebilirim benim lazypipekütüphane , ya da sadece bir fonksiyonu kullanarak ve stream-combinerbunun gibi:

var combine = require('stream-combiner');

function scriptsPipeline() {
    return combine(coffeeescript(), uglify(), gulp.dest('/path/to/dest'));
}

watch({glob: 'src/scripts/**/*.js' })
        .pipe(scriptsPipeline());

GÜNCELLEME 15 Ekim 2014

Aşağıdaki @ pkyeck'in işaret ettiği gibi, görünüşe göre 1.0 sürümü gulp-watch, formatı biraz değiştirdi, bu nedenle yukarıdaki örnekler şimdi şöyle olmalıdır:

var watch = require('gulp-watch');

// in a task
watch(<<glob or array of globs>>)
        .pipe( << add per-file tasks here>> );

// if you'd rather rerun the whole task, you can do this:
watch(<<glob or array of globs>>, function() {
    gulp.start( <<task name>> );
});

ve

var combine = require('stream-combiner');

function scriptsPipeline() {
    return combine(coffeeescript(), uglify(), gulp.dest('/path/to/dest'));
}

watch('src/scripts/**/*.js')
        .pipe(scriptsPipeline());

Hem gulp.watch()ve require('gulp-watch')()mutlak dizinleri kullandığımda yeni / ancak dosyaları değil silindi için tetikleyecektir. Testlerimde "./"göreli dizinler BTW için kullanmadım .

Tüm dizinler silinirse her ikisi de tetiklemez.

   var watch = require('gulp-watch');
   //Wont work for new files until gaze is fixed if using absolute dirs. It  won't trigger if whole directories are deleted though.
   //gulp.watch(config.localDeploy.path + '/reports/**/*', function (event) {

   //gulp.watch('src/app1/reports/**/*', function (event) {
   // console.log('*************************** Event received in gulp.watch');
   // console.log(event);
   // gulp.start('localDeployApp');
   });

   //Won't work for new files until gaze is fixed if using absolute dirs. It  won't trigger if whole directories are deleted though. See https://github.com/floatdrop/gulp-watch/issues/104
   //watch(config.localDeploy.path + '/reports/**/*', function() {

   watch('src/krfs-app/reports/**/*', function(event) {
      console.log("watch triggered");
      console.log(event);
      gulp.start('localDeployApp');
   //});

Eğer srcmutlak yol (ile başlıyor /), kodunuz yeni veya silinmiş dosyaları tespit etmek için gitmiyor. Ancak yine de bir yolu var:

Onun yerine:

gulp.watch(src + '/js/**/*.js', ['scripts']);

yazmak:

gulp.watch('js/**/*.js', {cwd: src}, ['scripts']);

ve işe yarayacak!

Globların ayrı bir temel dizini belirtilmiş olmalı ve bu temel konum globun kendisinde belirtilmemelidir.

Eğer varsa lib/*.js, şu anki çalışma direktifinin altına bakacaktır.process.cwd()

Gulp, dosyaları izlemek için Gaze'yi kullanır ve Gulp API belgesinde , Gaze'ye özgü seçenekleri saat işlevine geçirebileceğimizi görüyoruz:gulp.watch(glob[, opts], tasks)

Şimdi Gaze belgesinde mevcut çalışma direktifinin (glob base dir) cwdseçenek olduğunu görebiliriz.

Bu da bizi alexk'ın cevabına götürüyor: gulp.watch('js/**/*.js', {cwd: src}, ['scripts']);

Bunun daha eski bir soru olduğunu biliyorum, ama bulduğum çözümü atacağımı düşündüm. Bulduğum gulp eklentilerinin hiçbiri yeni veya yeniden adlandırılmış dosyaları bana bildirmez. Bu yüzden, monoklleri bir kolaylık fonksiyonuna sardım.

İşte bu işlevin nasıl kullanıldığına dair bir örnek:

watch({
    root: config.src.root,
    match: [{
      when: 'js/**',
      then: gulpStart('js')
    }, {
      when: '+(scss|css)/**',
      then: gulpStart('css')
    }, {
      when: '+(fonts|img)/**',
      then: gulpStart('assets')
    }, {
      when: '*.+(html|ejs)',
      then: gulpStart('html')
    }]
  });

GulpStart'ın da yaptığım bir kolaylık işlevi olduğunu belirtmeliyim.

Ve işte gerçek saat modülü.

module.exports = function (options) {
  var path = require('path'),
      monocle = require('monocle'),
      minimatch = require('minimatch');

  var fullRoot = path.resolve(options.root);

  function onFileChange (e) {
    var relativePath = path.relative(fullRoot, e.fullPath);

    options.match.some(function (match) {
      var isMatch = minimatch(relativePath, match.when);
      isMatch && match.then();
      return isMatch;
    });
  }

  monocle().watchDirectory({
    root: options.root,
    listener: onFileChange
  });
};

Çok basit, ha? Her şeyi yudum başlangıç ​​kitimde bulabilirsiniz: https://github.com/chrisdavies/gulp_starter_kit

Gulp.watch'un yalnızca Windows'ta değiştirilmiş ve silinmiş dosyaları rapor ettiğini, ancak OSX'te varsayılan olarak yeni ve silinmiş dosyaları dinlediğini belirtmek önemlidir:

https://github.com/gulpjs/gulp/issues/675

Gulp.watch yerine yeni / yeniden adlandırılmış / silinmiş dosyalar için 'gulp-watch' kullanmalısınız

var gulpwatch = require('gulp-watch');
var source = './assets',  
destination = './dest';
gulp.task('copy-changed-assets', function() {
    gulpwatch(source+'/**/*', function(obj){
        gulp.src( obj.path, { "base": source})
        .pipe(gulp.dest(destination));
    });
});