После «HTML» задача файл index.html до сих пор не существует в Глоток

Question

Я бегу простой конфигурации:

gulp.task('html', function() { 
    gulp.src(config.paths.html) 
     .pipe(gulp.dest(config.paths.dist)) 
     .pipe(connect.reload()); 
}); 

gulp.task('connect', function() { 
    server.listen(config.port); 
    lrserver.listen(config.livereloadport); 
}); 

gulp.task('open', ['connect'], function() { 
    gulp.src('dist/index.html') 
     .pipe(open({ uri: config.devBaseUrl + ':' + config.port + '/'})); 
}); 

gulp.task('default', ['html', 'open']); 

Но, в первый раз на «открытом» файла задания index.html до сих пор не существует, и только второй время будет создано, а задача «open» будет выполнена успешно. Что случилось с моей конфигурацией?

Я добавить журнал консоли:

D:\Projects\demo>gulp 
[11:01:13] Using gulpfile D:\Projects\demo\gulpfile.js 
[11:01:13] Starting 'connect'... 
[11:01:13] Finished 'connect' after 4.33 ms 
[11:01:13] Starting 'html'... 
[11:01:13] Finished 'html' after 9.03 ms 
[11:01:13] Starting 'open'... 
[11:01:13] Finished 'open' after 3.14 ms 
[11:01:13] Starting 'default'... 
[11:01:13] Finished 'default' after 9.82 μs 

Answer 1

Ваши задачи зависит друг от друга. Вы должны сделать «открытым» зависит от «HTML», так ВЗ будет ждать его, чтобы закончить:

gulp.task('html', function() { 
    gulp.src(config.paths.html) 
     .pipe(gulp.dest(config.paths.dist)) 
     .pipe(connect.reload()); 
}); 

gulp.task('connect', function() { 
    server.listen(config.port); 
    lrserver.listen(config.livereloadport); 
}); 

gulp.task('open', ['connect', 'html'], function() { 
    gulp.src('dist/index.html') 
     .pipe(open({ uri: config.devBaseUrl + ':' + config.port + '/'})); 
}); 

gulp.task('default', ['open']); 

Answer 2

Итак, я нашел решение. По умолчанию все задачи в gulp работают параллельно. Итак, вам нужно зависимость задачи, если вы хотите запускать их последовательно, как ответил eburger перед:

gulp.task('open', ['connect', 'html'], function() { 
    gulp.src('dist/index.html') 
     .pipe(open({ uri: config.devBaseUrl + ':' + config.port + '/'})); 
}); 

Но кроме этого вам необходимо также получить глотка знать, когда предыдущая задача была закончена (добавлено возвращение):

gulp.task('html', function() { 
    return gulp.src(config.paths.html) 
     .pipe(gulp.dest(config.paths.dist)) 
     .pipe(connect.reload()); 
}); 

Это решило мою проблему.