37sy-build/gulpfile.js

var gulp = require('gulp');
var clean = require('gulp-clean');
var less = require('gulp-less');
var replace = require('gulp-replace-path');
var gulpCopy = require('gulp-copy');
var fileinclude = require('gulp-file-include');
var autoprefixer = require('gulp-autoprefixer');
var pngquant = require('imagemin-pngquant');
var webpack = require('gulp-webpack');
var webpackConfig = require('./webpack.config');
var filter = require('gulp-filter');
var path = require('path');
var minifyCss = require('gulp-minify-css');
var imagemin = require('gulp-imagemin');
var gulpSequence = require('gulp-sequence');
var md5 = require("gulp-md5-url-timestamp");
var fs= require('fs'); 
var svn = require('gulp-svn');
var ftp = require( 'vinyl-ftp');
var plumber = require('gulp-plumber');

var buildJsonPath = process.cwd()+"/build.json";
var os = require("os");
var tempDir = (process.env.APPDATA || (process.platform == 'darwin' ? process.env.HOME + 'Library/Preferences' : '/var/local'))+"/"+process.env.appName
   
var global = {
    src:".",
    dist:tempDir+"/dist",
    cache:tempDir+'/_cache'
}; 
var utils = {
    extend:function(){
        var result = {};
        if(arguments.length == 1){
            var a = arguments[0];
            result = copy(result,a);
        }
        if(arguments.length>1){
            for(var j = 1,len=arguments.length;j<len;j++){
                result = copy(result,arguments[j]);
            }
        }
        return result;
        function copy(o1,o2){
            for(var key in o2){
                o1[key] = o2[key];
            }
            return o1;
        }
    },
    parseJson:function(src){
        var jsonPath = path.resolve(src+"/build.json");
        try{
            var file = fs.readFileSync(jsonPath)
            file = JSON.parse(String(file.contents));
            return file;
        }catch(err){
            return -1;
        }

    },
     isRelativePath:function(path){
        var result = true;
        if(path.search(/[:;#]|\)|\(|\{|\}/)>-1){
            result = false;
        }
        return result;
    },
    replacePath:function($0,$1,__absolutePath__,relativePath){
        if(path.isAbsolute($1)||!utils.isRelativePath($1)){
            return $0;
        }
        var releaseUri = config.cdn_path;
        var imageDir =path.dirname(__absolutePath__);
        //取到图片完整路径
        imageDir = path.resolve(imageDir,$1);
       
        //获取相对于base的相对路径
        var relativeDir = path.relative(relativePath, imageDir);
        var finalUri = releaseUri+'/'+relativeDir;
        finalUri=finalUri.replace(/\\/g,'/');
        finalUri=$0.replace($1,finalUri);
        return finalUri;
    }
};


function isBuildFileExist(){
   try{
        fs.accessSync(buildJsonPath);
        return JSON.parse(fs.readFileSync(buildJsonPath).toString());
    }catch(e){
        return false;
    }

}

function modList(){
    function ModAtom(id,dist,cdn,ftp){
        return {
            id:id,
            dist:dist,
            cdn_path:cdn||'',
            ftp:ftp||{}
        };
    }
    function Mod(src){
        var mod = this.mod = [];
        this.scanDirAndAddConfig(src);
    }
    Mod.prototype.push = function(id,dist,cdn,ftp){
        this.mod.push(ModAtom(id,dist,cdn,ftp));
    };
    Mod.prototype.getMod = function(id){
        if(id == '') return undefined;
        var mod = this.mod;
        for(var i=0,len=mod.length;i<len;i++){
            if(mod[i].id == id) return mod[i];
        }
        return undefined;
    };
    Mod.prototype.scanDirAndAddConfig = function(baseSrc){
        var sysPath = path.resolve(baseSrc);
        var dirs = fs.readdirSync(sysPath);
        for(var i =0,len=dirs.length;i<len;i++){
            var json = utils.parseJson(path.resolve(baseSrc+"/"+dirs[i]));
            if(json != -1){
                this.push(dirs[i],json.dist||null,json.cdn_path,json.ftp);
            }else{
                this.push(dirs[i]);
            }
        }
    };
    return  new Mod(path.resolve(global.src));
}
function makeConfig(modid){
    var config = {};
    var mods = modList();
    var mod =  mods.getMod(modid);
    var file = isBuildFileExist();
    if(!file){
        console.log("配置文件未找到");
        process.exit(0);
    }
    
    if(modid&&!mod){
        console.log("模块不存在");
        process.exit();
    }
    if(modid&&mods){
        config.src = global.src+"/"+ mod.id||"";
        config.cache = global.cache+"/"+ mod.id;
        config.dist = file.dist||global.dist;
        config.modName =  mod.id;
        config.ftp = mod.ftp||file.ftp;
        config.cdn_path = mod.cdn_path||file.cdn_path;
    }else{
        config.src = global.src;
        config.cache = global.cache;
        config.dist =  file.dist||global.dist;
        config.modName = "";
        config.ftp = file.ftp;
        config.cdn_path = file.cdn_path ;
    }
    if(!config.ftp&&!config.isPro){
        config.cdn_path="";
    }

    config.isPro = !!process.env.pro;
    config.live = !!process.env.live;
    config.autoFtp = !!process.env.ftp;
    config.publish = process.env.publish;
    if(typeof config.publish != "undefined"){
        //如果发布 就一定是发布正式环境编译的文件
        config.isPro = true;
    }
    if(config.live){
        //如果实时刷新 就一定是发布测试环境
        config.isPro = false;
    }
    return config;
}

function main(){
   config=makeConfig(process.env.mod||"");
}
main();


//文件清除
gulp.task('clean',function(){
    var steam =  gulp.src(config.dist)
        .pipe(clean());
    return steam;
});


/*******************************************less编译*********************************************************/
//复制缓存
gulp.task('copyLessCache',function(){
    var steam = gulp.src([config.src+'/**/*.{less,css}'],{base:config.src})
        .pipe(gulp.dest(config.cache));
    return steam;
});
//缓存替换路径
gulp.task('replaceLessCache',function(){
    var stream = gulp.src([config.cache+'/**/*.{less,css}'])

        .pipe(replace(/url\(\"{0,1}(.*)\"{0,1}\)/g, function (match, __absolutePath__) {
            function replaceMethod($0,$1,$2,$3){

                var finalUri = utils.replacePath($0,$1,__absolutePath__,global.cache)

                return finalUri;
            }
            return replaceMethod;
        }))
        .pipe(gulp.dest(config.cache));
    return stream;
});
//编译less，导出到目标路径
gulp.task('compileLess',function(){
    var stream = gulp.src([config.cache+'/**/*.{less,css}'],{base:global.cache+"/"})
        .pipe(plumber())   
        .pipe(less())
        .pipe(minifyCss())
        .pipe(autoprefixer({
            browsers: ['last 2 versions', 'Android >= 4.0'],
            cascade: true, //是否美化属性值 默认：true 
            remove: true //是否去掉不必要的前缀 默认：true
        }));
        stream.pipe(gulp.dest(config.dist+"/"))
    return stream;
});
//删除缓存less
gulp.task('delLessCache',function(){
    var stream = gulp.src(config.cache)
        .pipe(clean());
    return stream;
});
//less
gulp.task("less",function(cb){
    gulpSequence("copyLessCache","replaceLessCache","compileLess","delLessCache",cb);
});

/******************************************* end*********************************************************/

/*******************************************html处理*********************************************************/
gulp.task('html',function(){
    var stream = gulp.src(config.src+'/**/*.{htm,html}',{base:global.src})
        .pipe(fileinclude({
            prefix: '@@',
            basepath: '@file'
        }))
        .pipe(replace(/link.*href=\"([\S^\"]*)\"|src=\"([\S^\"]*)\"|url\(\"{0,1}(.*)\"{0,1}\)/g, function (match, __absolutePath__) {
            function replaceMethod($0,$1,$2,$3){
                $1 = $1||$2||$3;
                $1 = $1||"#";
                var finalUri = utils.replacePath($0,$1,__absolutePath__,global.src);
                return finalUri;
            };
            return replaceMethod;
        }))
        .pipe(gulp.dest(config.dist+''));
    return stream;
});
/*******************************************end*********************************************************/

/*******************************************图片处理*********************************************************/
gulp.task('img',function(){
    var stream = gulp.src(config.src+'/**/*.{jpg,png,gif}',{base:global.src})
        if(config.isPro){
          stream =  stream.pipe(imagemin({
                        use: [pngquant()]
                    })) 
        }
        stream.pipe(gulp.dest(config.dist+""))
    return stream;
});
/*******************************************end*********************************************************/

/*******************************************webpack*********************************************************/

gulp.task("js", function() {
    var packConfig = webpackConfig.makeConfig(config.isPro,config.src);
    var stream = gulp.src(config.src+'/**/*.js',{base:global.src})
        .pipe(webpack(packConfig))
        .pipe(gulp.dest(config.dist+'/'+config.modName))
    return stream;
});
/*******************************************end*********************************************************/

/*******************************************md5*********************************************************/
gulp.task("md5",function(){
    var jsF = filter('**/*.js', {restore: true});
    var cssF = filter('**/*.css', {restore: true});
    var imgF = filter('**/*.{jpg,png,gif}', {restore: true});

    var stream = gulp.src(config.dist+'/**/*.{js,css,jpg,png}')
        .pipe(imgF)
        .pipe(md5(10,[config.dist+'/**/*.css',config.dist+'/**/*.html'],{dirLevel:1}))
        .pipe(imgF.restore)
        .pipe(cssF)
        .pipe(md5(10,config.dist+'/**/*.html',{dirLevel:1}))
        .pipe(cssF.restore)
        .pipe(jsF)
        .pipe(md5(10,config.dist+'/**/*.html',{dirLevel:1}))
        .pipe(jsF.restore)
    return stream;
});

/*******************************************end*********************************************************/

/*******************************************svn*********************************************************/


// Run svn add with options 
gulp.task('add', function(){
    return svn.add('./', {args: '--force'}, function(err){
        if(err) throw err;
    });
});
 
// Run svn commit 
gulp.task('commit',['add'],function(){
    return svn.commit(config.publish, function(err){
        if(err) throw err;
    });
});

/*******************************************end*********************************************************/
gulp.task('ftp',function(){
    var ftpConfig = config.ftp.test;
    if(config.isPro){
        ftpConfig = config.ftp.product;
    }

    var instanceFtp = ftp.create(ftpConfig);
    var resource = filter('**/*.{css,jpg,jpeg,js,swf,png,gif}', {restore: true});
    var html = filter('**/*.{html,htm}', {restore: true});

    var stream =gulp.src( config.dist+"/**/*", { base: config.dist, buffer: false } )
        .pipe(html)
        .pipe(instanceFtp.newerOrDifferentSize(ftpConfig.htmlPath))
        .pipe(instanceFtp.dest(ftpConfig.htmlPath))
        .pipe(html.restore)
        .pipe(resource)
        .pipe(instanceFtp.newerOrDifferentSize(ftpConfig.resourcePath))
        .pipe( instanceFtp.dest(ftpConfig.resourcePath))
        .pipe(resource.restore)
    return stream;
});



/*******************************************实时刷新*********************************************************/
var browserSync = require("browser-sync");


// 发布、自动刷新浏览器 
function browser(){
    browserSync({
        // host: 172.16.157.1,  //配置host
        port: 9000,             //端口号
        open: true,             //是否自动打开
        // 路径显示/d 开始
        startPath: "",  //起始显示路径
        //timestamps:false,
        server: {
            directory: true,
            // routes: {           //路由配置
            //   '/d': "./dist/new.html"
            // },
            middleware: function(req,res,next){   //中间件
                next();
            },
            baseDir: config.dist       //静态服务器的根目录
        },

        // 指定浏览器
        // browser: "google chrome" // 或  ["google chrome","firefox"]
        //browser: Browser_sync_config.browser,
        // 延迟刷新，默认0
        reloadDelay: 1,
        // 是否载入css修改，默认true
        injectChanges: false
    });

   
    gulp.watch(config.src+'/**/*',function(){
        gulpSequence("deploy")(function(){
            browserSync.reload();
        })
    })
     
}

//实时ftp
function watchFtp(){
    gulp.watch(config.src+'/**/*',function(){
        gulpSequence("deploy","ftp")(function(err){
            if(err)console.error(err);
        })
    })
}


if(config.isPro){
    gulp.task('deploy',gulpSequence(["clean"],['html', 'less'], 'js','img','md5'));  
}else{
    gulp.task('deploy',['html', 'less', 'js','img']);
}




try{
    fs.accessSync(".svn");
    gulp.task("publish",gulpSequence('deploy',"commit","ftp"))
}catch(e){
   
    gulp.task("publish",gulpSequence('deploy',"ftp"))
}

/*******************************************end*********************************************************/

if(config.live){
    if(config.autoFtp){
        console.log("开启实时ftp同步");
        gulp.task('default',["deploy"],watchFtp); 
    }else{
        gulp.task('default',["deploy"],browser); 
    }
}else{
    gulp.task('default',["deploy"]);
}


if(typeof config.publish != "undefined"){
    console.log("默认发布到测试环境，-p参数表示发布到线上");
    gulp.task("default",["publish"]);
}




/*gulp.task("release",["deploy"]);
gulp.task("releaseWithLive",["deploy"],browser)

gulp.task("releaseWithLiveFtp",function(){
    gulpSequence("deploy","ftp")(function(){
        browserSync.reload();
    })
})

gulp.task("release",["deploy"]);
gulp.task("releaseWithLive",["deploy"],browser)

gulp.task("releaseWithLiveFtp",function(){
    gulpSequence("deploy","ftp")(function(){
        browserSync.reload();
    })
})*/