gulp-replace从模板和项目源替换并合并到单个文件

Question

好吧，一个多岁。问题是我试图将多个来源的结构合并为一个。我的一个来源是template.html，它包含index.html -source-的基本结构。我试图找到一个解决方案，将源块-index.html- body标签中的html块数据替换为目标-template.html-最后创建一个新的合并文档，输出到-dest - 。

文件结构如下：

• 公共
• ---资产
• ------ template.html
• --- SRC
• ------ app.js
• ------的index.html
• ------的main.css
• --- DIST
• ------ merged.html

我正在使用npm package 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/'));
    });
});