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

Question

我正在尝试为现有项目构建实时风格指南。作为其中的一部分，我想将一个文件夹中的所有 shtml 小部件包含到一个 html 文件中。

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

1. 搜索小部件文件夹中的所有文件
2. 将所有文件编译成一个html页面
3. 使用文件名作为每个包含的小部件上方的标题

该项目通过快速服务器使用 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 %> -->'
    }
  }
}

我可以看到这可能如何处理单个命名文件，但遍历文件夹似乎是一项更难的任务。

我们非常欢迎任何关于可能解决方案的建议。

Answer 1

最后我使用了 Qualcuno 的建议来使用 grunt-html-build。这很好用，我可能会写另一个繁重的任务来写页面上小部件的标题。

这是我的最终代码：

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