gulp-replace из шаблона и исходного кода проекта и объединение в один файл

Question

Хорошо, один на века. Проблема в том, что я пытаюсь объединить структуру из нескольких источников в один. Один из моих источников взят из template.html, который содержит базовую структуру для index.html -source-. Я пытаюсь найти решение, которое заменяет html-данные блока из исходного тега -index.html- body в целевой -template.html- и, наконец, создает новый объединенный документ, который выводит в -dest-.

Файловая структура выглядит следующим образом:

• общественности
• --- активы
• ------ template.html
• --- ЦСИ
• ------ app.js
• ------ index.html
• ------ main.css
• --- расстояние
• ------ merged.html

Я использую пакет npm gulp-replace (но открыт для других пакетов).

var gulp = require('gulp');
var htmlreplace = require('gulp-html-replace');
var copycat = require('gulp-copycat');

gulp.task('default', function() {
    // create a watch task
    gulp.task('default', function() {
        gulp.src('assets/template.html')
            .pipe(htmlreplace({
                'cssInline': {
                    src: gulp.src('sheetgmail/main.css'),
                    tpl: '<style>%s</style>'
                },
                'body': gulp.src('sheetgmail/index.html'),
                'headscript': {
                    src: null,
                    tpl: '%s'
                },
                'js': {
                    src: gulp.src('sheetgmail/app.js'),
                    tpl: "<script type='text/javascript'>%s</script>"
                },
            }, {
                keepUnassigned: false,
                keepBlockTags: true,
                resolvePaths: false
            }))
            .pipe(gulp.dest('dist/'));
    });
});