gulp-content-includer--合併按模塊引入的html文件

最近在sf看到好多人提問,問怎樣合併includehtml文件。這個問題用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

    1. include語句模板本身隨便定,只要把解析語句的正則傳進去就好了,例:gulp

    <!--include "./footer.html"-->
    1. 支持遞歸合併文件
      多傳一個deepConcat參數就能夠實現遞歸合併ui

    具體使用參見github插件

    相關文章
    相關標籤/搜索