後「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的存在，只有第二它創建的時間和「開放」任務將成功執行。我的配置有什麼問題？

我已經添加控制檯日誌：

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」，所以OT將等待它完成：

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

這解決了我的問題。