Fatal编程技术网
  • gulp/
  • 如何在gulp中显示页眉、页脚和内容文件列表？

如何在gulp中显示页眉、页脚和内容文件列表？

gulp

如何在gulp中显示页眉、页脚和内容文件列表？,gulp,gulp-concat,Gulp,Gulp Concat,我正在制作一个带有头文件、脚文件和内容文件列表的html生成器。我有文件夹结构部分/内容。在partials文件夹中是页眉和页脚，在partials/contents中是index.html、about-us.html等文件。在这些内容文件中，我想添加页眉和页脚。因此，基本上，我希望通过在contents文件夹中循环作为我的内容来连接文件，并添加页眉/页脚文件，然后在不同的文件夹中输出。我如何做到这一点？或者您可以建议一个文件夹结构来轻松实现这一点 在这里，我的任务是仅在目录文件夹中为单个文件执

我正在制作一个带有头文件、脚文件和内容文件列表的html生成器。我有文件夹结构部分/内容。在partials文件夹中是页眉和页脚，在partials/contents中是index.html、about-us.html等文件。在这些内容文件中，我想添加页眉和页脚。因此，基本上，我希望通过在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'；
日志（'generatingpublic/test.html…'）；
return gulp.src（[页眉、正文、页脚]）
.pipe（$.concat（outputFilename））
.pipe(""/公共");；

});找到了一个解决方案，一个名为。刚刚测试过，它就成功了



gulp.task（'html-gen'，函数（）{
日志（'生成html文件…'）；
gulp.src（“./partials/content/*.html”）
.pipe（$.headerfooter.header（'./partials/_header.html'））
.pipe（$.headerfooter.footer（'./partials/_footer.html'））
.pipe(""/公共");；

});通过使用gulp inject找到另一种替代方法：