Gulp babel 完成但代码未更新

Question

我一点击保存，gulp babel 就完成了任务，并在终端中打印了消息。但是代码不会在浏览器中更新。我有一个本地 Nginx 服务于我的 gulped 文件。我必须重新加载多次才能获得更新的代码。

我的 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']);

Gulp默认就是我运行.

然而，没有 gulp-babel（对于 ES5）它工作正常。我只需在浏览器中重新加载一次即可获取更新的代码。我试过硬刷新，甚至在 Chrome 中启用了 "disable cache while devtools is open" 选项，但没有成功。

这可能是什么原因？

Answer 1

您需要在gulp.src之前添加return以便Gulp可以知道任务何时完成

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'));
});

Gulp babel 完成但代码未更新

Gulp babel completes but code is not updated

javascript

gulp

babeljs

gulp-watch

gulp-concat