使用SSI或grunt將所有shtml文件編譯爲一個html文件

Question

我正在嘗試爲現有項目構建實時樣式指南。作爲這個的一部分，我想將我在一個文件夾中的所有shtml小部件包含到一個單獨的html文件中。

的解決方案，我正在尋找的類型將遵循這種行爲：

1. 搜索過的所有文件的Widgets文件夾
2. 編譯所有的文件合併爲一個HTML頁面
3. 使用該文件的名稱作爲上面每個包含的小部件的標題

該項目運行與grunt和SSIs通過快遞服務器，所以有一個政變我猜想的選擇。

我已經找到了這個包含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。這很有效，我可能會寫另一個咕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' 
       } 
      } 
     } 
     }