gulp初识

以前接触过一些前端构建工具,如Ext.net自带的脚步生成工具,RequireJs的R.js,这些工具功能都比较单一或者不易用。

周四参加QCon开发技术大会又了解到一些业内企业的技术取向,其中谈到ES6,还有gulp.

  对于gulp而言以前只是一些网上看到这个字样,还有grunt。但都没有去稍微了解过,今天正好想到了解一下。

gulp和grunt都是前端构建工具,基于nodeJs进行 ,可以对前端资源进行脚本合并,图片合并,脚本检查,less和saas编译,监视前端资源变化并自动构建等工作

gulp属于后起之秀,简单易学,性能较高(网上传言),基于Stream进行构建任务

grunt 基于临时文件进行构建任务 ,每次构建任务的执行后把结果放入临时任务文件,下次任务的执行都是基于上次生成的临时任务文件进行执行

gulp 主要包含 gulp.src ,gulp.dest,gulp.task, gulp.watch 接口 API,下面逐一简要介绍

src,获取文件流 支持模式匹配 

dest生成文件

task定义一个 任务,默认的任务是default

watch监视相关文件变化,当变化发生时执行相关任务

pipe 流输出方法 

安装 

npm install gulp -g 

npm install --save-dev gulp

插件

gulp-concat

gulp-rename

gulp-uglify

gulp-less,gulp-saas

gulp-imagemin

原文地址:https://www.cnblogs.com/aloha/p/4457087.html