最近在sf
看到好多人提问,问怎样合并include
的html
文件。这个问题用gulp
来解决真是太easy了,早上搜索了一下gulp
的插件库,发现好多这样的插件。点进去看了后,发现好多都太弱了,就决定自己写一个,于是就有了下面这个插件。
gulp-content-includer
-
安装
npm install gulp-content-includer
使用
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('./'));
});
说明
include语句模板自己随便定,只要把解析语句的正则传进去就行了,例:
<!--include "./footer.html"-->
支持递归合并文件
多传一个deepConcat
参数就可以实现递归合并
具体使用参见github
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。