javascript 高级自动化构建工具Gulp

什么是Gulp

gulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；它不仅能对网站资源进行优化，而且在开发过

程中很多重复的任务能够使用正确的工具自动完成；使用它，不仅可以很愉快的编写代码，而且大大提高我们的工作效率。

gulp是基于Nodejs的自动任务运行器， 它能自动化地完成 javascript、coffee、sass、less、html/image、css 等文件的测试、检查、

合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。在实现上，她借鉴了Unix操作系统

的管道（pipe）思想，前一级的输出，直接变成后一级的输入，使得在操作上非常简单。通过本文，我们将学习如何使用Gulp来改变开

发流程，从而使开发更加快速高效。

gulp 和 grunt 非常类似，但相比于 grunt 的频繁 IO 操作，gulp 的流操作，能更快地更便捷地完成构建工作。

Node.js的安装

Node.js官方提供两种安装文件,一种是傻瓜式安装跟安装软件一样直接一直点下一步就行.这里就不说了.我主要介绍的是第二种安

装方式.

第一步:

配置系统变量时是我的电脑属性--高级系统设置--环境变量-- 可以在本机登录用户新建一个Path变量后面添加你Node.js所在文件夹

(D:\Nodejs\NodeJS7;C:\Users\Administrator\AppData\Roaming\npm)这是我的文件大家要根据自己文件位置设置.还要在

C:\Users\Administrator\AppData\Roaming\下新建一个npm文件,因为这是系统文件夹是隐藏状态点击文件夹下的查看把隐藏项目

点上勾

第二种就是直接在系统变量Path后面追加C:\Users\Administrator\AppData\Roaming\npm这些后面如上.

下面安装Gulp

因为node -- npm 需要翻墙 ---lantern

所以我推荐使用淘宝镜像.

使用gulp步骤:

找插件:XXXX

安装插件: ---本地安装

写任务

执行任务.

下面我介绍一下less和sass的编译:

以上代码仅供参考，后续会陆续更新用Gulp压缩其他文件！