五分钟入门gulp

       说到这个工具是我们常用尤其是在项目构建管理中,这次我们来讲一下这里的基本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!

评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值