gulpfile.js

var gulp = require('gulp'),
    fs = require("fs"),
    file = require('gulp-file'),
    runSequence = require('run-sequence'),
    replace = require('gulp-replace');

var componentFileArr=[];

gulp.task('readFile',function(callback) {
    walk("src/component", function (path) {
        var ext = getFileExt(path);
      //  if (ext === ".html" || ext === ".css") {
            componentFileArr.push(path);
       // }
    }, function () {
        var map=arrToObj(componentFileArr);
        console.log(map)
        for(var key in map){
            var paths=map[key];
            var i= 0,len=paths.length;
            var contentArr=[];
            for(;i<len;i++){
                var path=paths[i];
                if(getFileExt(path)===".js")continue;
                contentArr.push(fileContentToStr(fs.readFileSync(path, "utf8"),getFileExt(path)===".html",path));

            }

            contentArr.push( fs.readFileSync("src/component/"+key+"/index.js", "utf8"));
            file("index.js", contentArr.join("") , { src: true })
                .pipe(gulp.dest('dev/component/'+key))

        }
        callback();
    })
})

gulp.task('copyHTML', function () {
    return gulp.src('src/*.html').pipe(gulp.dest('dev'));
});

gulp.task('copyJS', function () {
    return gulp.src('src/js/*js').pipe(gulp.dest('dev/js'));
});

gulp.task('copyCSS', function () {
    return gulp.src('src/css/*css').pipe(gulp.dest('dev/css'));
});

gulp.task('copyAsset', function () {
    return gulp.src('src/asset/*').pipe(gulp.dest('dev/asset'));
});

gulp.task('fixUtil', function () {
    return gulp.src('fix/app.js').pipe(gulp.dest('dev/js'));
});


//http://www.tuicool.com/articles/rQvUbu2
gulp.task('default',  function (taskDone) {
    runSequence(
        'readFile',
        'copyHTML',
        'copyJS',
        'fixUtil',
        'copyCSS',
        'copyAsset',
        taskDone
    );
});

function arrToObj(arr){
    var obj={};
    for(var i= 0,len=arr.length;i<len;i++){
        var item=arr[i];
        var key=item.split("/")[2];
        if(!obj[key]){
            obj[key]=[];
        }

        obj[key].push(item);

    }
    return obj;
}

function getFileExt(filename) {
    var index1 = filename.lastIndexOf(".")
    var index2 = filename.length;
    return filename.substring(index1, index2).toLowerCase();
}

function  fileContentToStr(r ,isTpl ,path) {
    var strVar =isTpl? "tpl":"css";
    var g = "";
    var arr = r.replace(/\r/g,"").split("\n");
    g += "App.componentRes['"+path.substring(4,path.length)+"'] =\n";
    var i = 0;
    for (; i < arr.length; i++) {
        var l = '';
        if (i === 0) {
            l += "'"
        }
        ;

        if (i === arr.length - 1) {
            l += arr[i] + "';\n\n";
        } else {
            l += arr[i] + "\\\n";
        }
        g += l;
    }
    return g;
}

function walk (path, handleFile, callback) {
    var len = 1,       // 文件|目录数，起始一个
        floor = 0;     // 第x个目录？

    function done () {
        // 完成任务, 运行回调函数
        if (--len === 0) {
            callback();
        }
    }

    function composeErr (err) {
        // 错误处理
        console.log('stat error');
        done();  // 以错误内容完成
    }

    function composeDir (path) {
        // 目录处理
        floor++;
        fs.readdir(path, function (err, files) {
            if (err) {
                console.log('read dir error');
                done();  // 目录完成
                return;
            }
            len += files.length;  // 子文件|子目录计数
            files.forEach(function (filename) {
                compose(path + '/' + filename);  // 子内容新的操作
            });
            done();  // 目录完成
        });
    }

    function composeFile (path) {
        // 文件处理
        handleFile(path, floor);
        done();  // 文件完成
    }

    function compose (path) {
        //同步
        fs.stat(path, function (err, stats) {
            if (err) {
                composeErr(err);
                return;
            }

            if (stats.isDirectory()) {
                composeDir(path);
                return;
            }

            composeFile(path);
        });
    }

    compose(path);
}