您的位置:首页 > 其它

自动化gulp使用方法

2016-07-19 10:37 274 查看

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: