Gulpfile.js

Question

burada gulpfile.js

// Gulp watchlist 
gulp.task('watch', ['browserSync', 'sass'], function(){ 
    gulp.watch('app/scss/**/*.scss', ['sass']); 
    gulp.watch('app/*.html').on('change', browserSync.reload); 
    gulp.watch('app/js/**/*.js').on('change', browserSync.reload); 
    //add more watchers here 
}); 

ve bu işleri benim şimdiki izleme listesi ise en iyi uygulamayı izlemek.

ama takip ediyorum bir öğretici biraz farklı bir şey vardır:

gulp.task('watch', ['browserSync', 'sass'], function(){ 
    gulp.watch('app/scss/**/*.scss', ['sass']); 
    // Reloads the browser whenever HTML or JS files change 
    gulp.watch('app/*.html', browserSync.reload); 
    gulp.watch('app/js/**/*.js', browserSync.reload); 
}); 

ben .sistem ('change', browserSync.reload) gerekiyor? işe yarıyor; Yaptığım şeyin iyi bir uygulama olmadığını merak ediyorum. Teşekkürler!

Answer 1

Hayır, özel on('change') eklemeniz gerekmez. İzleyiciyi eğitici gibi başlatırken olay işleyicisini geçmelisiniz. Aksi taktirde, gulp'a varsayılan olarak değişiklik yapma konusunda hiçbir şey yapmamaya benziyor, sonra dinleyicinizi daha sonra ekleyeceksiniz.

diğer avantajı teşekkür ederim, sizin işleyicileri yerine gördüğüm

Answer 2

Gulp watch daima değişim olayları yayan bir EventEmitter döndürür, bu nedenle çağrı gulp.watch('app/*.html').on('change', browserSync.reload) yazılabilir:

var watcher = gulp.watch('app/*.html'); 
watcher.on('change', browserSync.reload); 

watch işlevi, aşağıdaki parametreleri içeren çağrılabilir: gulp.watch(glob [, opts], tasks) veya gulp.watch(glob [, opts, cb]).

Her iki varyantı da kullanabilirsiniz, ancak daha kısa olan yöntem tercih edilir.