Составление всех файлов shtml в один html-файл с использованием SSI или grunt

Question

Я пытаюсь создать живой стиль для существующего проекта. В рамках этого я хотел бы включить все shtml-виджеты, которые у меня есть в одной папке, в один файл html.

Тип раствора Ищу бы следовать такому поведению:

1. Поиск по всем файлам в виджетах FOLDER
2. компилировать все файлы в один HTML-страницу
3. использования имя файла в виде заголовка над каждым включенным виджетами

Проект работает как с грубым, так и с 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 %> -->' 
    } 
    } 
} 

Я могу видеть, как это может работать с одним, по имени файла, но проходной папки кажется гораздо более сложная задача.

Любые предложения по возможному решению с радостью приветствуются.

Answer 1

В конце я использовал предложение Qualcuno для использования grunt-html-build. Это работает очень хорошо, я буду потенциально писать еще одну задачу 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' 
       } 
      } 
     } 
     }