我们的HTML文件是从几个模板/部分HTML文件中“汇编”而来的。现在我希望Gulp能够完成顺序:
这些任务pages
我通读了这个教程:https://www.browsersync.io/docs/gulp/。但它只是监视HTML文件并重新加载。我试过这个:
gulp.watch([
path.join(dpw.src.commonLayouts, 'layout.html'),
dpw.src.commonPages + "/**/*.html",
dpw.src.sitePages + "/**/*.html"
], ['pages']).on("change", browserSync.reload);
网页将自动重新加载。并且运行任务pages
。
但是,刷新的页面总是落后一个版本。这意味着,如果我将某些文本从“12”更改为“123”,则页面将刷新,但文本为“12”。然后我改为“1234”,页面刷新为“123”......
我正在使用Gulp
3.9.0和browser-sync
2.11.1。
请帮忙。感谢。
答案 0 :(得分:0)
感谢@MatthewRath,我使用runSequence
实现了它:
gulp.task('pages-watch', function () {
runSequence('pages', browserSync.reload);
});
gulp.watch([
path.join(dpw.src.commonLayouts, 'layout.html'),
dpw.src.commonPages + "/**/*.html",
dpw.src.sitePages + "/**/*.html"
], ['pages-watch']);
但它引入了一项新任务,这有点单调乏味。