gulp

//导入bulp插件（里面封装好了一些功能）
var gulp = require("gulp");

var concat = require("gulp-concat");
var cssmin = require("gulp-cssmin");
var rename = require("gulp-rename");
var uglify = require("gulp-uglify");

//发布一个任务,把style下面的index.css文件压缩，并发布到dist下面的css目录
gulp.task("cssmin",function(){
return gulp.src("style/index.css")
.pipe(cssmin())
.pipe(rename("index.min.css"))
.pipe(gulp.dest("dist/css"));

})
gulp.task("uglifyJs",function(){
return gulp.src("script/index.js")
.pipe(uglify())
.pipe(rename("index.min.js"))
.pipe(gulp.dest("dist/js"));

})
gulp.task("concatJs",function(){
return gulp.src(["script/index.js","script/head.js"])
.pipe(concat("contcat3.js"))
.pipe(gulp.dest("dist/js"));

})

//开始发布任务 (task实现任务的发布，"default"：任务的名称，回调函数：任务的执行过程)
gulp.task("default",["task3","task2"],function(){
console.log("default任务执行了");
});
//如何执行这个任务，gulp
//gulp执行时会默认执行default
//执行其它任务 gulp 任务名称
gulp.task("task2",["task3"],function(){
console.log("task2任务执行了");
});
gulp.task("task3",function(){
console.log("task3任务执行了");
});
//现在有很多任务
//一次执行多个任务
//task()的第二个参数，就是用来执行多个任务的
//现在知道了任务如何发布和执行的
//接下来做合并或压缩的操作
//发布一个任务，任务是把src下面的index.html拷贝到目标目录（dist）下。
gulp.task("copyHtml",function(){
gulp.src("src/index.html").pipe( gulp.dest("dist") );
});
//发布一个任务，任务是把script下面所有的js拷贝到目标目录（dist下面的js目录）下。
gulp.task("copyJs",function(){
gulp.src("script/*.js").pipe( gulp.dest("dist/js") );
});
//发布一个任务，
/*gulp.task("copyAll",function(){
gulp.src("script/*").pipe( gulp.dest("all") );//一个*只能拷贝一级目录
});*/
/*gulp.task("copyAll",function(){
gulp.src("script/**").pipe( gulp.dest("all") );//**拷贝所有的子集目录
});*/
//gulp.task("copyAll",function(){
// gulp.src("script/*/").pipe( gulp.dest("all") );//**拷贝所有的子集目录
//});

//发布一个监听任务 ，监听html的拷贝
gulp.task("taskHtml",function(){
return gulp.watch("src/index.html",["copyHtml"]);
})

gulp

原文：https://www.cnblogs.com/kaijiangyugty/p/11086804.html