Ich möchte HTML-Fragmente an verschiedenen Stellen in eine generierte HTML-Datei importieren, wenn ich sie durch eine Schluckaufgabe starte.

Folgendes ist meine Schluckaufgabe:

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

In der Datei index.html befindet sich viel HTML, das ich aus Fragmenten laden möchte, zum Beispiel ein Bootstrap-Dropdown-Menü

 <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>

das möchte ich laden können indem ich sowas habe

<% load("dropdown"); %>

Und dann sucht es nach der Dropdown-Datei in einem relativen Pfad ...

Wie auch immer, ich denke, es sollte mit der Mixin-Funktionalität gemacht werdenhttp://lodash.com/docs#mixin aber da ich gulp benutze brauche ich einen file loader etc.

Hat jemand das schon gemacht oder ein Beispiel, auf das er mich hinweisen kann?