使用SSI或grunt将所有的shtml文件编译成一个html文件
我正在尝试为现有项目build立一个现场风格指南。 作为这个的一部分,我想包括我在一个文件夹中的所有shtml小部件到一个单一的html文件。
我正在寻找的解决schemetypes将遵循这种行为:
- search小部件文件夹中的所有文件
- 编译所有的文件到一个单一的HTML页面
- 使用文件的名称作为每个包含的小部件上方的标题
该项目通过一个快速服务器同时运行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' } } } }