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

我正在尝试为现有项目build立一个现场风格指南。 作为这个的一部分,我想包括我在一个文件夹中的所有shtml小部件到一个单一的html文件。

我正在寻找的解决schemetypes将遵循这种行为:

  1. search小部件文件夹中的所有文件
  2. 编译所有的文件到一个单一的HTML页面
  3. 使用文件的名称作为每个包含的小部件上方的标题

该项目通过一个快速服务器同时运行grunt和SSI,所以我猜想有几个选项。

我发现这个软件包中包含了很多咕噜咕噜声,但是其中的大部分都超出了我的知识水平,所以我没有得到任何工作。

这是我到目前为止我的咕噜文件的代码:

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 %> -->' } } } 

我可以看到这可能与一个单一的命名文件,但循环通过一个文件夹似乎是一个更难的任务。

任何可能的解决scheme的build议,很高兴受到欢迎。

最后,我使用了Qualcuno的build议来使用grunt-html-build。 这工作得很好,我可能会写另一个咕task任务写在页面上的小部件的标题。

这是我的最终代码:

 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' } } } }