自动化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




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值