Gulp 项目简单构建，自动刷新页面

/**

 * Created by 1900 on 12/18/2015.

 */

var plugins={

    fs:require("fs"),

    gulp:require("gulp"),

    uglify:require("gulp-uglify"),

    connect :require('gulp-connect'),

    notify:require("gulp-notify")

}

var gulp = plugins.gulp;

//uglify 表示压缩

//dest表示部署

gulp.task('js', function () {

    gulp.src('src/*.js')

        .pipe(plugins.uglify())

        .pipe(gulp.dest('dist'))

        .pipe(plugins.connect.reload())

        .pipe(plugins.notify({message:"js deploy"}))

});

gulp.task('html', function () {

    gulp.src('src/*.html')

        .pipe(gulp.dest('dist'))

        .pipe(plugins.connect.reload())

        .pipe(plugins.notify({message:"html deploy"}))

});

gulp.task('connect', function () {

    plugins.connect.server({

        root:"dist",

        livereload:true

    });

});

gulp.task("watch",function()

{

    gulp.watch("src/*.js",["js"]);

    gulp.watch("src/*.html",["html"]);

})

gulp.task('default', function () {

    gulp.run("connect");

    gulp.run("watch");

});

gulpfile.js内容如上

项目结构图如下