//导入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"]);})
转载于:https://www.cnblogs.com/kaijiangyugty/p/11086804.html
相关资源:数据结构—成绩单生成器