Gulp-browserSync Aufgabe läuft nur einmal

Question

Ich habe browsersync eingerichtet mit Schluck, HTML und CSS Nachladen funktioniert gut, aber ich habe ein Problem mit Javascript. Wenn ich den Browser-Sync-Task starte und einige js ändere, funktioniert es nur einmal wie beabsichtigt. Ich habe alles nach this offiziellen Guide eingerichtet.

gulp.task('js', function() { 
    return gulp.src(['./app/*/*.js', './app/*.js']) 
     .pipe(browserify()) 
     .pipe(uglify()) 
     .pipe(gulp.dest('./build')); 
}); 

gulp.task('js-watch', ['js'], browserSync.reload); 

gulp.task('browser-sync', function() { 
    browserSync.init({ 
     server: { 
      baseDir: "./app/" 
     } 
    }); 

    gulp.watch('app/styles/*.scss', ['sass']); 
    gulp.watch("app/*.html").on('change', browserSync.reload); 
    gulp.watch(['./app/*/*.js', './app/*.js'], ['js-watch']); 
}); 

console log
Also, wenn ich zum ersten Mal einiger Javascript ändern, wird es geändert und die Seite neu geladen, wie beabsichtigt - js-Uhr-Task ausgeführt js Aufgabe und dann die Seite neu geladen. Bei den nächsten Läufen wird nur js ausgeführt.

Ich googelte dies für etwa 2 Stunden, bevor ich mich entschied, eine Frage zu stellen, also hoffe ich, dass dies kein Duplikat ist. Aber nur für den Fall, Entschuldigung.

Answer 1

hinzufügen .pipe(browserSync.stream()); in 'js' Aufgabe nach .dest()

gulp.task('js', function() { 
    return gulp.src(['./app/*/*.js', './app/*.js']) 
     .pipe(browserify()) 
     .pipe(uglify()) 
     .pipe(gulp.dest('./build')) 
     .pipe(browserSync.stream()) 
});