Gulp .jade文件更新html文件，但浏览器同步刷新太早

我已经为此忙了好几个小时了，我想得到一个提示，让我的设置开始

每当我保存.jade文件时，浏览器不会立即更新。相反，我需要在浏览器中反映更新之前保存第二次：Web服务器在完成构建任务之前刷新。这似乎很奇怪，因为在刷新之前，我确实将“buildjade”任务作为依赖项

.html文件在第一次保存后更新，只是刷新太早了

任何提示都非常感谢

吞咽文件：

/*global require*/
"use strict";

var gulp = require('gulp'),
  path = require('path'),
  data = require('gulp-data'),
  jade = require('gulp-jade'),
  prefix = require('gulp-autoprefixer'),
  sass = require('gulp-sass'),
  browserSync = require('browser-sync');


/*
 * Change directories here
 */

var public_dir = "dist/"
var settings = {
  sass_files: "applications/**/*.sass",
  jade_files: "applications/**/*.jade",
  js_files: "applications/**/*.js"
};



/**
 * Compile .scss files into public css directory With autoprefixer no
 * need for vendor prefixes then live reload the browser.
 */
gulp.task('build-sass', function() {
  gulp.src(settings.sass_files)
  // gulp.src(settings.sass_files, { base: "./" })
    .pipe(sass({
      outputStyle: 'compressed',
      onError: browserSync.notify
    }))
    .pipe(prefix(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], { cascade: true }))
    .pipe(gulp.dest(public_dir))
    // .pipe(gulp.dest("."))
    .pipe(browserSync.reload({ stream: true }));
});


/**
 * Compile .jade files and pass in data from json file
 * matching file name. index.jade - index.jade.json
 */
gulp.task('build-jade', function() {
  gulp.src(settings.jade_files)
  // gulp.src(settings.jade_files, { base: "./" })
    .pipe(jade({ pretty: true })
    .pipe(gulp.dest(public_dir));
});

/**
 * Recompile .jade files and live reload the browser
 */
gulp.task('jade-rebuild', ['build-jade'], function() {
  browserSync.reload();
});


/**
 * Wait for jade and sass tasks, then launch the browser-sync Server
 */
gulp.task('browser-sync', ['build-sass', 'build-jade'], function() {
  browserSync({
    server: {baseDir: public_dir},
    notify: true
  });
});


/**
 * Watch scss files for changes & recompile
 * Watch .jade files run jade-rebuild then reload BrowserSync
 */
gulp.task('watch', function() {
  // gulp.watch(settings.js_files, ['jade-rebuild']);
  gulp.watch(settings.sass_files, ['build-sass']);
  gulp.watch(settings.jade_files, ['jade-rebuild']);
});

/**
 * Default task, running just `gulp` will compile the sass,
 * compile the jekyll site, launch BrowserSync then watch
 * files for changes
 */
gulp.task('default', ['browser-sync', 'watch']);

---

虽然您在依赖列表中有任务，但您不会返回任务，因此gulp实际上不知道任务何时完成，幸运的是，这是一件非常简单的事情来纠正

我已经获取了您的代码示例，并将

return

添加到

gulp.src（）

函数中，您需要对所有函数执行此过程，然后它就会工作

希望这足够清楚，让你继续前进

/**
 * Compile .jade files and pass in data from json file
 * matching file name. index.jade - index.jade.json
 */
gulp.task('build-jade', function() {
  return gulp.src(settings.jade_files)
  // gulp.src(settings.jade_files, { base: "./" })
    .pipe(jade({ pretty: true })
    .pipe(gulp.dest(public_dir));
});

---

如果我能帮上什么忙，请告诉我。

我希望我能多竖起大拇指，谢谢！我很快就会在我的工作流程中发布更多的问题，如果你能让我马上开始编写实际的东西而不是工作流程，我会嫁给你的！慢慢地到达那里，希望我能加快速度。我在这里也添加了我的其他问题，希望您能简要回顾一下/获得这些问题的技巧；-）