在此之前我们在看一下 AngularJS构建单页面应用WebApp目录介绍
为了将源码合并和压缩，用于节省http请求和带宽，这在移动端是非常有必要的。
Gulp这个工具有两个优点：
第一：它是基于流来实现，这样就决定了它的性能非常的高。简单的说它就是把那些产生的中间文件放在内存中进行处理，直到最后一步才生成文件、操作文件。
第二：它实际上是任务化的，我们编写配置文件，实际上是编写一个一个的小任务;然后合并那些任务，去执行那些任务。所以它的逻辑都是非常的清晰，可读性很好。
它常用API有：
src：读取文件或文件夹
dest：生成文件，也就是写文件
watch：监控文件
task：定制任务
pipe：使用流的方式来处理文件
切换到webapp目录
//首先我们需要安装一下gulp插件，再来分析一下需要编写的任务
gulp
gulp-clean
gulp-concat
gulp-connect
gulp-cssmin
gulp-imagemin
gulp-less
gulp-load-plugins
gulp-plumber
gulp-uglify
open
//在分析一下需要编写的任务
lib
html
json
css
js
images
clean
reload
watch
打开控制台，首先全局安装gulp
cnpm i -g gulp
初始化一个配置文件
npm init //直接回车到底，相关信息可以在后面修改
//生成了package.json配置文件
在当前目录下进行安装gulp，但是我们要将它保存在配置文件中，所以要加上参数–save-dev;
–save-dev参数的意思就是将这个node模块写到package.json这个配置文件当中;
当我们保存到git仓库的时候，只需要保存package.json这个配置文件就行了。
如果别人需要编译你项目，他只要拿到package.json这个配置文件，通过npm i命名,就可以很快的安装配置这些nodejs模块。
cnpm i --save-dev -gulp
安装上述分析的模块、gulp插件
cnpm i --save-dev 模块名
//安装node模块是可以批量安装的：如下
cnpm i --save-dev gulp-clean gulp-concat gulp-connect gulp-cssmin gulp-imagemin gulp-less gulp-load-plugins gulp-plumber gulp-uglify open
当安装好node模块后，我们就可以编写配置文件了。
我们在根目录创建一个gulpfile.js文件。
gulpfile.js
