Gulp、html 模板和片段加载

当我通过 gulp 任务运行生成的 html 文件时，我想在生成的 html 文件中的各个位置导入 html 片段。

以下是我的 gulp 任务：

gulp.task('build_html', function () {
    gulp.src('resources/index.html')
        .pipe(template({ident: '1'}))
        .pipe(gulp.dest('frontend'));
});

index.html 文件里面有很多我想从片段加载的 html，例如引导下拉菜单

 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>

我希望能够通过类似的方式加载

<% load("dropdown"); %>

然后它在相对路径中查找下拉文件......

无论如何，我认为应该使用 mixin 功能来完成http://lodash.com/docs#mixin但考虑到我正在使用 gulp，我需要一个文件加载器等。

有人已经这样做过或者有一个可以给我指点的例子吗？

看起来已经有一些 gulp 插件可以满足我的大部分需求

https://www.npmjs.org/package/gulp-file-include/

and

https://www.npmjs.org/package/gulp-file-includer/

所以我不需要制作下划线混合来获得我想要的功能。

然而，如果有人确实想展示我如何使用下划线混合来做到这一点，我想我会将其标记为答案 - 我认为可能可以从汇编源代码中找出答案。