Gulp API
Gulp是基于Nodejs的,通过require可以引入一个Nodejs的包(模块),其作用类似浏览器中的script标签引入资源,被引入的包放入node_modules目录下
1 gulp.task() 定义各种不同的任务,
例: gulp.task('less',function(){})
不同任务存在依赖关系,可以指定依赖
gulp.task('less',['依赖1','依赖2'],function(){})
2 gulp.src() 需要构建资源的路径,字符串或数组(可以正则方式书写)
例: //less任务名称 回调方法里定义任务
gulp.task('less',function(){
//需要编译less
gulp.src('./public/less/**/*.js')
})
3 gulp.pipe() 管道,将需要构建的资源输送给插件
例: gulp.task('less',function(){
gulp.src(./public/less/**/*.js')
.pipe(less())
})
4 gulp.dest() 构建任务完成资源存放的路径(自动创建)
例:gulp.task('less',function(){
gulp.src(./public/less/**/*.js')
.pipe(less())
.pipe(gulp.dest('./public/css'))
})
5 gulp.watch()
通过监视某静态资源的修改,然后可以调用相应任务。
常用Gulp插件
1 gulp-less 编译LESS文件
2 gulp-autoprefixer 添加CSS私有前缀
3 gulp-cssmin 压缩Css
4 gulp-imagemin 压缩图片
5 gulp-uglify 压缩javascript
6 gulp-concat 合并
7 gulp-htmlmin 压缩HTML
8 gulp-rev 添加版本好
使用md5 生成字符串,添加在参数后面,用于解决缓存问题。 生成对应版本.
gulp-rev-collector 内容替换存储【