Gulp babel se termine mais le code n'est pas mis à jour

Question

Dès que je clique sur Enregistrer, gulp babel termine les tâches avec le message imprimé dans le terminal. Mais le code n'est pas mis à jour dans le navigateur. J'ai un Nginx local qui sert mes fichiers avalés. Je dois recharger plusieurs fois pour obtenir le code mis à jour.

Mon fichier gulp:

gulp.task('js', function() { 
    gulp.src([ 
     'src/app.js', 
     'src/app.controller.js', 
     'src/**/*.js', 
     'libs/*.js' 
    ]) 
     .pipe(sourcemaps.init()) 
     .pipe(babel()) 
     .pipe(concat()('app.js')) 
     .pipe(sourcemaps.write('.')) 
     .pipe(gulp.dest('dist')); 
}); 

//other tasks here (css, assets etc) 
... 

gulp.task('watch', function() { 
    gulp.watch('src/**/*.js', ['js']); 
    gulp.watch([ 
     'src/**/*.html', 
     'src/images/**/*', 
     'src/fonts/**/*', 
     'src/**/*.json'], ['assets']); 
    gulp.watch('src/**/*.scss', ['sass']); 
}); 
gulp.task('default', ['js', 'sass', 'assets', 'watch']); 

par défaut Gulp est ce que je lance.

Cependant, sans gulp-babel (pour ES5), cela fonctionne très bien. Je dois recharger une seule fois dans le navigateur pour obtenir le code mis à jour. J'ai essayé de rafraichir, même activé l'option "désactiver le cache alors que devtools est ouvert" dans Chrome, mais pas de chance.

Quelle pourrait en être la raison?

Answer 1

Vous devez ajouter return avant gulp.src si Gulp peut savoir quand la tâche est terminée

gulp.task('js', function() { 
    return gulp.src([ 
     'src/app.js', 
     'src/app.controller.js', 
     'src/**/*.js', 
     'libs/*.js' 
    ]) 
     .pipe(sourcemaps.init()) 
     .pipe(babel()) 
     .pipe(concat()('app.js')) 
     .pipe(sourcemaps.write('.')) 
     .pipe(gulp.dest('dist')); 
});