让gulp-file-include和browser-sync一起工作

Question

我在一篇博客中读到，可以使用gulp-file-include来包含 .html 文件。这个方法是可行的，但下面的代码会覆盖 html 中的 include 标记...

你可能会想，为什么不让 gulp-file-include 输出到另一个目标文件夹呢？原因是那样就无法让 browser-sync 刷新浏览器了。实际上，这个链接说明了我的问题...

看起来应该有另一个“output”文件夹，将所有的 include 文件汇总成一个新的 .index.html 文件。

我知道我可以直接打开包含 include 的文件，然后 browserSync 就能工作了，但那不是多了一步吗？

如果有问题，请提出，因为这似乎很复杂！

gulp.task('fileinclude', function() {
  gulp.src('builds/development/*.html')
  .pipe(fileinclude())
  .pipe(gulp.dest('builds/development/'));
});

- Antonio Pavicevac-Ortiz

---

我添加了 node.js 标签，这似乎是相关的，可能会给你更多的读者。 - Jared Farrish

Answer 1

原来我在我的watch任务中没有包含fileinclude...

如果有人想要查看我最终得到的结果，请查看我的代码片段... https://gist.github.com/antonioOrtiz/2bf2e27b8e0a23115034

- Antonio Pavicevac-Ortiz