前端自动化构建工具gulp入门

学过java的都知道马士兵老师，他有一句口头禅“穿二手鞋不如穿一手鞋”，一手鞋指的就是官方文档。官方文档看不懂，没关系，先看这里，看完这里再去看官方。
官档gulp.js中文网

理解gulp的特点

• 任务化：gulp通过创建和配置一个个任务（task），来启动任务去构建前端项目
• 基于流 ：gulp有自己的内存，在任务启动时，gulp首先读取（输入流）文件到gulp内存，在gulp内存中进行操作（合并、压缩等），然后输出（输出流）到本地。
• 异步（也可同步）：gulp的任务不是同步执行的，它不需要等一个任务执行完再去启动执行别的任务，这点下面会提到

gulp.src() //读取文件到内存
gulp.dest()//输出文件到本地
gulp.task()//注册任务

第一个gulp任务

//在gulpfile.js中注册一个任务
gulp.task('taskName',function(){
  //配置任务的操作
})

启动任务：在cli中输入： gulp taskName taskName是你刚刚注册的任务名
如果你的gulp任务很多的话，要一个一个去启动很麻烦，这时可注册默认任务，通过默认任务来启动其他任务

gulp.task('default',['taskName1','taskName2'])

启动默认任务只需在cli中输入gulp

常用插件

gulp-concat 合并文件（js/css）
gulp-uglify压缩js文件
gulp-rename文件重命名
gulp-less编译less
gulp-clean-css压缩css
gulp-livereload实时刷新