最近在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插件