最近在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"-->