自动化gulp使用方法

1. 全局安装gulp:npm install --global gulp

2. 局部安装gulp:npm install --save-dev gulp

3. 在项目根目录下创建一个名为 gulpfile.js 的文件

4.var gulp = require("gulp");

   

5. gulp.task("one",function(){//gulp 任务

alert("1");

})

  gulp.task("two",function(){

alert("2")

})

  gulp.task("...",function(){

alert("...")

})

 gulp.task("default",["one","two","..."]){

//用于做上面所有任务的监听

}

gulp.task("watch",function(){

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

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

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

//监听js，html，css文件的变化，

})

6.gulp.src(["*.css","*.html","*.js"])//使用数组的方式匹配多种文件

7·gulp.dest()//用来写文件

   gulp.src("script/jquery.js")

  .pipe(gulp.dest("src/lib.js"));//.pipe是管道的作用，把文件用gulp.dest写入原路径下

//最终生成文件的路径为src/lib.js/jquery.js