Gulp 咕噜咕噜-无法分析嵌套部分

我将与一起使用，以便将模板拆分为可重用组件。Pug获取任何现有的*.Pug（jade）文件，并在浏览器同步和/或项目构建（在我的例子中）中将其转换为通用html文件

这是基本的帕格

索引

，包含部分

doctype html
html(lang='en')
  include partials/head.pug
  body
    <!-- content -->
    include partials/footer.pug
    include partials/scripts.pug

当我在其中一个部分（partials文件夹中的pug文件）中进行更改并保存时，live reload功能会按预期工作，但*.pug文件不会被解析。但是，当我保存

index.pug

时，文件会被转换，页面会加载新内容

我做错了什么？哪里做错了

---

另外，即使在编辑索引文件时，我也必须不时手动刷新页面，以便它能够呈现页面而不是空白板岩。

这是一个很小但很大的错误。我还在现场重新加载pug文件，这会给解析器带来一些混乱

我的手表任务如下所示：

gulp.task('watch', ['browserSync', 'views', 'sass'], function () {
    gulp.watch('src/scss/**/*.scss', ['sass']);
    gulp.watch('src/views/**/*.pug', ['views']);
    // Reloads the browser whenever HTML or JS files change
    gulp.watch('src/views/**/*.pug', browserSync.reload);
    gulp.watch('src/*.html', browserSync.reload);
    gulp.watch('src/js/**/*.js', browserSync.reload);
});

现在，我删除了这一行：

gulp.watch('src/views/**/*.pug', browserSync.reload);

这毫无意义，但我发现了

您只需查看html文件中的更改

gulp.task('watch', ['browserSync', 'views', 'sass'], function () {
    gulp.watch('src/scss/**/*.scss', ['sass']);
    gulp.watch('src/views/**/*.pug', ['views']);
    // Reloads the browser whenever HTML or JS files change
    gulp.watch('src/views/**/*.pug', browserSync.reload);
    gulp.watch('src/*.html', browserSync.reload);
    gulp.watch('src/js/**/*.js', browserSync.reload);
});

gulp.watch('src/views/**/*.pug', browserSync.reload);