steel-version/lib/verion_0_1_1/steel.js

a version-controller of steel

/**
 * steel file for cli-version
 * author: @Lonefy
 */

var gulp  = require('gulp');
var path = require('path');
var del = require('del');
var merge2 = require('merge2');
var $ = require('gulp-load-plugins')({scope:'workDependencies'});
var merge = require('merge');
var jade = require('jade');




var port = 8082;
var build_path = 'build/';
var cssPostfix_filter = ["components/**/*.*"];
var pathnamePrefix = '/dezhou_banck_map/';
var front_base = 'server_front';
var front_hostname = 'res.codezz.cn';
var back_base = 'server_back'; //模拟后端的文件放置目录
var back_hostname = 'codezz.cn'; //后端的HOST，目的是真实模拟后端的页面路由请求，提供出前端可仿真的功能，比如 /index 对应 /html/index.html

var steelDebugConfig = ';steel.config({debug: true});';

// var port; //= 8100;
// var pathnamePrefix; //= '/t6/apps/weibo_sell/';
// var front_base;// = 'server_front';
// var front_hostname;// = 'js.t.sinajs.cn img.t.sinajs.cn';
// var back_base; //= 'server_back'; //模拟后端的文件放置目录
// var back_hostname;// = 'shop.sc.weibo.com shop1.sc.weibo.com'; //后端的HOST，目的是真实模拟后端的页面路由请求，提供出前端可仿真的功能，比如 /index 对应 /html/index.html

module.exports = {
    gulp: gulp,
    config: steelConfig,
    task: function() {
        gulp.task.apply(gulp, arguments);
    }
};

function steelConfig(opt){
    
    var buildParam = merge({
        port: 8100,
        pathnamePrefix: '/dezhou_banck_map/',
        front_base: 'server_front',
        front_hostname: 'res.codezz.cn',
        back_base: 'server_back', //模拟后端的文件放置目录
        back_hostname: 'codezz.cn',
        build_path: 'build/',
        cssPostfix_filter: ["components/**/*.*"],
        cssBase: "",
        jsBase: "",
        htmlBase: ""
    }, opt);
    
    port = buildParam.port ;
    pathnamePrefix = buildParam.pathnamePrefix;
    front_base = buildParam.front_base;
    front_hostname = buildParam.front_hostname;
    back_base = buildParam.back_base; 
    back_hostname = buildParam.back_hostname;
    cssPostfix_filter = buildParam.cssPostfix_filter;
    cssPostfix_perfix = buildParam.cssPostfix_perfix,
    build_path = buildParam.build_path;

    jsLib = buildParam.jsFilter_of_lib; 

    cssBase = buildParam.cssBase;
    jsBase = buildParam.jsBase;
    htmlBase = buildParam.htmlBase;

    tasks();
}


function tasks(){

    var steelDebugConfig = ';steel.config({debug: true});';

    gulp.task('default', function() {
        console.log('支持命令列表:');
        console.log('   gulp debug');
        console.log('       调试处理：对src目录文件进行debug处理，生成调试代码，包括模板处理、脚本wrap和合并、静态文件copy等');
        console.log('   gulp dist');
        console.log('       仿真处理：对src目录文件进行dist处理，生成仿真代码，除做debug中的处理外，还有css压缩合并');
        console.log('   gulp build');
        console.log('       上线处理：生成上线文件,会把可上线的结果处理了build目录下');
        console.log('   gulp server');
        console.log('       启动调试服务器命令 --dist 为仿真服务器 --pm2 为使服务后台运行(win下无效)');
        console.log('   gulp serverStop');
        console.log('       关闭服务器命令 当存在后台服务时有效');
    });
    //暴露命令相关=======================

    gulp.task('debug', function() {
        del([front_base + '/*'], function() {
            dealSrc(true).pipe(gulp.dest(front_base));
        });
    });
    gulp.task('dist', function() {
        del([front_base + '/*'], function() {
            dealSrc(false).pipe(gulp.dest(front_base));
        });
    });

    gulp.task('build', function() {
        del([build_path + '/*'], function() {
            dealSrc(false).pipe(gulp.dest(build_path));
        });
    });

    gulp.task('server', function() {
        var isDebug = !$.util.env.dist;
        steelServer({
            debug: isDebug,
            pm2: !!$.util.env.pm2,
            tasks: isDebug ? ['debug', 'watchDebug'] : ['dist', 'watchDist']
        });
    });

    gulp.task('serverStop', function() {
        $.steelServer.stop();
    });

    //=================================


    function dealSrc(isDebug) {

        //toDo 抽象成配置化的代码
        var htmlJadeFilter = $.filter('**/*.html.jade', {restore: true});
        var jadeFilter = $.filter('**/*.jade', {restore: true});
        var cssFilter = $.filter('**/*.css', {restore: true});
        var jsFilter = $.filter(['**/*.js'], {restore: true});
        var jsFilter_not_lib = $.filter([jsBase + '**/*.js', "!"+ jsBase + 'lib/**/*.js'], {restore: true});

        var jsFilter_of_lib = $.filter([jsBase + 'lib/steel.js', jsBase + 'lib/**/*.js'], {restore: true});
            jsFilter_of_lib._concatTo_ = jsBase + 'lib/lib.js';
        var appendCodeToLib = isDebug ? steelDebugConfig : '';

        var result = gulp.src(['src/**/*.*'])
            //todo pipe 文件名的判断和报错
        //处理lib
            .pipe(jsFilter_of_lib)
            .pipe($.concat(jsFilter_of_lib._concatTo_))
            .pipe($.insert.append(appendCodeToLib))
            .pipe(jsFilter_of_lib.restore);
        ////
        //处理builder的输出物 *.html.jade
        result = result.pipe(htmlJadeFilter)
            .pipe($.jade({
                  jade: jade,
                  pretty: true
                }).on('error', $.util.log))
            .pipe(htmlJadeFilter.restore);
        //处理jade
        result = result.pipe(jadeFilter)
            .pipe($.jade({
                    client: true,
                    compileDebug: isDebug
                }).on('error', $.util.log))
            .pipe($.steelJadefnWrapCommonjs({
                runtimePath: jsBase + "tpl/"
            }))
            .pipe(jadeFilter.restore);
        ////
        //处理css
        result = result.pipe(cssFilter)
            .pipe($.steelCssFix(cssPostfix_option));
        if (!isDebug) {
            result = result.pipe($.minifyCss({
                compatibility: 'ie8'
            }));
        }
        result = result.pipe(cssFilter.restore);
        ////
        //处理js
        result = result.pipe(jsFilter_not_lib)
            .pipe($.steelWrapAmd())
            .pipe($.steelAmdConcat({moduleBasePath: jsBase}));
        result = result.pipe(jsFilter_not_lib.restore);

        if (!isDebug) {
            result = result.pipe(jsFilter);
            result = result.pipe($.uglify());
            result = result.pipe(jsFilter.restore);
        }
        ////

        //dist 时 去掉 以_开着的目录及下面的和以_开头的文件
        return result;
    }

    //=================================
    //文件监听相关=======================
    //toDo 优化性能
    gulp.task('watchDebug', function() {
        gulp.watch('src/**/*.*').on('change', function(event) {
            console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');
            gulp.start('debug');
        });
    });

    gulp.task('watchDist', function() {
        gulp.watch('src/**/*.*').on('change', function(event) {
            console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');
            gulp.start('dist');
        });
    });
    //=================================

    //服务器相关=======================
    function steelServer(options) {
        $.steelServer({
            port: port,
            pathnamePrefix: pathnamePrefix,
            front_base: front_base,
            front_hostname: front_hostname, //前端的HOST
            back_base: back_base, //模拟后端的文件放置目录
            back_hostname: back_hostname, //后端的HOST，目的是真实模拟后端的页面路由请求，提供出前端可仿真的功能，比如 /index 对应 /html/index.html
            gzip: !options.debug,
            access_control_allow: true,
            staticProxy: {
            },
            pm2: options.pm2,
            tasks: options.tasks,
            bodyParser: true
        });
    }
    //=================================


}