如何在gulp中连接页眉，页脚和内容文件列表

Question

我正在制作一个带有头文件，脚文件和内容文件列表的html生成器。我有文件夹结构partials/contents。partials文件夹中是页眉和页脚，partials/contents文件夹中是index.html、about-us.html等文件。在这些内容文件中，我想添加页眉和页脚。基本上，我想通过在contents文件夹中循环连接文件作为我的内容，并添加页眉/页脚文件，然后在不同的文件夹中输出。我该怎么做呢?或者您可以建议一个文件夹结构来轻松实现这一点。

这里，我有一个gulp任务，只在contents文件夹中的单个文件:

gulp.task('html-test', ['clean-html-test'], function() {
  var header = './partials/header.html';
  var body = './partials/contents/_test.html';
  var footer = './partials/footer.html';
  var outputFilename = 'test.html';
  log('Generating public/test.html...');
  return gulp.src([header, body, footer])
    .pipe($.concat(outputFilename))
    .pipe(gulp.dest('./public/'));
});

那么，如何在contents文件夹内自动循环呢?谢谢。

Answer 1

找到了一个解决方案，一个名为gulp-headerfooter的gulp插件。只是测试了一下，它工作了!

gulp.task('html-gen', function () {
  log('Generating html files...');
  gulp.src('./partials/content/*.html')
    .pipe($.headerfooter.header('./partials/_header.html'))
    .pipe($.headerfooter.footer('./partials/_footer.html'))
    .pipe(gulp.dest('./public/'));
});