2014-05-17 43 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 做,但因爲我使用一飲而盡,我需要一個文件加載器等

任何人都已經完成這個還是有他們可以指點我的例子?

回答