说到这个工具是我们常用尤其是在项目构建管理中,这次我们来讲一下这里的基本API 。
首先你一定要安装啦,如果实在电脑中全局安装的话就直接npm install gulp -g,如果是项目以来当中的话就需要写成npm install gulp -save-dev所以根据实际情况来说吧!
然后就是我接下来讲的四个API了,是的没有错gulp真的之后四个API,分别是定义任务的gulp.task,定义文件入口的gulp.src,定义文件出口的是gulp.dest,全程监视文件改变的是gulp.watch,就只有这四个API。
最后来全程使用一下
const gulp=require('gulp')
gulp.task('default',['watch'],function(){
console.log("hello world")
})
// gulp.task('a',function (cb){
// console.log("a")
// cb()
// })
// gulp.task('b',function (cb){
// setTimeout(()=>{
// console.log("b")
// cb()
// },3000)
// })
gulp.task('move',function(){
//src是入口dest是出口,中间可以使用pipe来进行多次操作
//
gulp.src('src/js/*.js')
.pipe(gulp.dest('dist/js'))
})
gulp.task('watch',['move'],function(){
gulp.watch('src/js/*.js')
})
pipe相当于一个管道一个处理,可以类比node中的middleware!