首页 > 其他 > 详细

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

时间:2016-01-13 15:33:11      阅读:218      评论:0      收藏:0      [点我收藏+]
/**
 * 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内容如上

项目结构图如下

技术分享

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

原文:http://www.cnblogs.com/Zoes/p/5127247.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!