underscore.js – Gulp,html模板和片段加载

2019年8月4日 166次阅读

当我通过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,例如bootstrap下拉菜单

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

和

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

因此,我不需要使用下划线mixin来获得我想要的功能.

然而,如果有人想要展示我如何使用下划线mixin来做,我想我会将其标记为答案 – 正在考虑可能可以从汇编源中找出它.

点赞