Gulp入门教程

Gulp 是一个 当前 非常流行的 构建工具,

Gulp 构建工具,是提供一个基础平台, 上面可以编写各种任务, 比如, 压缩代码的任务, 编译CSS文件, 代码转换, Web服务器等等 任务. 

基本的使用方式

var gulp =  require(‘gulp’)

gulp.task(‘default’,function(){

   console.log(‘run default task ’)

})

 

在命令行  , 默认运行  gulp 的时候, 会运行  default 任务

任务之间是可以存在依赖的. 

gulp.task(‘demo’,[‘demo1’,’demo2’],function(){

   //这里运行会按照依赖数组的顺序来运行, 比如先运行 DEMO1 , 然后在运行 DEMO2. ,最后执行 回调函数

})

 

 

如何匹配一个目录下的所有 js 文件( 目录以及子目录下的所有文件 )

src(‘**/*.js’)

 

 

使用 gulp 单独的写各种任务, 还是比较痛苦的, 于是有了各种插件, 可以使用插件来帮助我们实现我们想要的操作. 比如 代码压缩, web服务器, less 转换 等等. 

常用的 gulp 插件有

gulp-less

autoprefixer

gulp-uglify

gulp-rename

等等