node.js - 从模板和项目源中 gulp-replace 并合并到单个文件中

Question

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

文件结构如下：

• 上市
• - -资产
• ------模板.html
• ---src
• ------app.js
• ------index.html
• ------main.css
• ---dist
• ------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/'));
    });
});