静态服务器

使用Gulp插件gulp-connect启动静态服务器，参见示例项目中 gulp/serve.js。

下面是启动静态服务器的代码

gulp.task("serve:start", function(cb){
    $.connect.server({
        root : "build",
        port : 9000,
        livereload : true
    });
})

然后通过http://127.0.0.1:9000即可访问静态服务器。

示例代码

'use strict';

/**
 * 1. 启动静态服务器和代理服务器
 * 2. 通过网页打开服务器
 */
var config = require("./conf");
var open = require("open");
var gulp = require("gulp");
var $ = require("gulp-load-plugins")();

//标记服务器是否已启动
var serveStarted = false;

/**
 * 启动静态服务器和代理服务器
 */
gulp.task("serve:start", function(){
    $.connect.server({
        root : [config.paths.buildTmp, config.paths.build],
        port : 9000,
        livereload : true,

        /*
         * 转发服务器中间件，此处配置为转发所有.do结尾的请求
         */
        middleware : function(connect, options){
            options.rule = [/.do/];
            options.server = "127.0.0.1:8080";
            return [new $.connectReproxy(options)];
        }
    });
    serveStarted = true;
})

/**
 * 通过网页打开服务
 */
gulp.task("serve:open", ["serve:start"], function(){
    open("http:127.0.0.1:9000");
})


/**
 * 刷新网页
 */
gulp.task("serve:reload", function(){
    if(!serveStarted){
        return;
    }
    gulp.src(config.paths.src)
        .pipe($.connect.reload());

})



/**
 * 定义对外暴漏的任务名
 */
gulp.task("serve", ["serve:open"]);