Javascript 使用SSI或grunt将所有shtml文件编译成一个html文件

我正在尝试为现有项目构建实时样式指南。作为这项工作的一部分，我希望将一个文件夹中的所有shtml小部件都包含在一个html文件中。

我正在寻找的解决方案类型将遵循这种行为：

搜索widgets文件夹中的所有文件

将所有文件编译成单个html页面

使用文件名作为每个包含的小部件上方的标题

该项目通过一个express服务器使用grunt和SSI运行，因此我想有两种选择

我发现这个软件包不包括grunt，但是其中有很多内容超出了我的知识水平，所以我没有得到任何工作

这是我到目前为止为grunt文件编写的代码：

includes: {
  files: {
    src: ['widgets/.shtml'], // Source files
    dest: 'kitchen-sink', // Destination directory
    flatten: true,
    cwd: '.',
    options: {
      silent: true,
      banner: '<!-- I am a banner <% includes.files.dest %> -->'
    }
  }
}

包括：{
档案：{
src:['widgets/.shtml']，//源文件
dest:'厨房水槽'，//目标目录
扁平化：是的，
cwd:‘.’，
选项：{
沉默：是的，
横幅：“”
}
}
}

我可以看到这可能与一个命名的文件一起工作，但是循环遍历文件夹似乎是一项更困难的任务

---

欢迎对可能的解决方案提出任何建议。

最后，我使用了Qualcuno的建议来使用grunt html构建。这非常有效，我可能会编写另一个grunt任务来写入页面上小部件的标题

这是我最后的代码：

htmlbuild: {
            dist: {
            src: 'kitchen_sink/kitchen-sink.shtml',
            dest: 'prod/kitchen_sink/kitchen-sink.shtml',
            options: {
                sections: {
                    views: 'prod/templates/widgets/**/*.shtml',
                    templates: 'prod/templates/widgets/**/*.shtml'
                }
            }
        }
        }

看一看也许？这可能是有希望的：