最近在sf
看到好多人提問,問怎樣合併include
的html
文件。這個問題用gulp
來解決真是太easy了,早上搜索了一下gulp
的插件庫,發現好多這樣的插件。點進去看了後,發現好多都太弱了,就決定本身寫一個,因而就有了下面這個插件。javascript
gulp-content-includerhtml
安裝java
npm install gulp-content-includergit
使用github
var gulp = require('gulp'); var contentIncluder = require('gulp-content-includer'); var rename = require('gulp-rename'); gulp.task('concat',function() { gulp.src("./content.html") .pipe(contentIncluder({ includerReg:/<!\-\-include\s+"([^"]+)"\-\->/g })) .pipe(rename('index.html')) .pipe(gulp.dest('./')); });
說明npm
include語句模板本身隨便定,只要把解析語句的正則傳進去就好了,例:gulp
<!--include "./footer.html"-->
支持遞歸合併文件
多傳一個deepConcat
參數就能夠實現遞歸合併ui
具體使用參見github插件