underscore.js - Gulp、html 模板和片段加载

Question

当我通过 gulp 任务运行它时，我想在生成的 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，我需要一个文件加载器等。

有没有人已经这样做过或有可以向我指出的示例？

Answer 1

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

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

和

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

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

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