2014-05-17 45 views
4

我想要在生成的html文件中的各个位置导入html片段,当我通过gulp任务运行它时。gulp,html模板和片段加载

以下是我一饮而尽任务:

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 做,但因为我使用一饮而尽,我需要一个文件加载器等

任何人都已经完成这个还是有他们可以指点我的例子?

回答