Question

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

在这里，我所拥有的只是内容文件夹中的单个文件的gulp任务：

＆＃13;

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/'));
});

＆＃13;

那么，如何在内容文件夹中自动循环呢？感谢。

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/'));
});

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

1 个答案: