gulp构建工具

一、gulp预备工作：
(1):bower软件：用来管理静态资源，使用node开发。依赖于node和git。
(2):验证是否安装：node 和npm(node package manager)
(3):
-----A、安装bower npm install bower -g 加镜像站点
-----B、bower search 查找资源
-----C、bower info 查看资源
-----D、bower uninstall 卸载资源

二、gulp安装：
(1)、gulp代码压缩工作，减少IO操作
全局安装：====》》》 $ npm install --g gulp
(2)、 作为项目的开发依赖安装：
$ npm install --save-dev gulp

三、使用：
(1)、在项目根目录下创建一个名为 gulpfile.js 的文件：touch gulpfile.js。
(2)、局部安装gulp, $ npm install gulp==》》自动创建一个node_modules文件夹
(3)、开发目录
A、新建src开发目录。
B、在根目录下运行 gulp html命令、自动创建build运行调试目录和dist发布目录。
C、编译LESS,运行gulp install less命令，安装编译模块，然后运行gulp less命令 ，编译css文件，并同时在build和dist目录z自动新建css文件。
(4)、代码压缩 （npm install gulp-cssmin），如果是多个css文件，可以用@import文件引入到同一个文件后，压缩。
(5)、压缩JS代码，引入工具npm install gulp-concat,然后调用gulp js命令创建好未压缩的目录文件。引入工具npm install gulp-uglify,然后调用gulp js 压缩代码

四、后续
npm init 打印json格式的环境依赖提示文件,dist目录会在自动根据package.json文件，配置渲染环境