初识Gulp

一、Gulp是什么？（Gulp自动化构建工具）
1、Gulp是一个开源的JavaScript开源自动化工具；
2、Gulp应用于前后端代码管理的一种工具；
3、Gulp是基于Node.js和NPM应用的构建工具；
4、Gulp主要用于处理耗时及重复的任务；
5、Gulp可以解决上百种的任务；如压缩代码或压缩图片、合并代码、Sass转换c等。

二、Gulp的工作原理
1、Gulp是基于Node.js中的数据流；
2、Gulp主要使用pipe事件输入及输出；
3、插件独立使用。

三、Gulp的优势
1、Gulp是基于代码进行配置；
2、Gulp的可读性更高；
3、Gulp基于数据流，所以可以操作pipe()事件。

四、安装Gulp
1、首先确认设备是否拥有Node环境；
2、初始化package.json：npm init；
3、window系统通过npm install -g gulp全局安装；
4、在项目文件中安装gulp：npm install gulp --save-dev

五、Gulp常用代码
1、gulp.task --定义任务
以下代码写在 gulpfile.js 文件中，才能实现

// 处理任务
var gulp = require("gulp");
//  定义任务
gulp.task("message", function() {
    // message是任务名字，可随便写
    return console.log("Gulp is running! 执行message任务时，在终端输入命令：gulp message 即可");
})
// 执行任务 在终端输入命令：gulp message

// 定义默认任务
gulp.task("default", function() {
    // 此处 任务名字一定是 default
    return console.log("这是默认的任务，在终端中只需要执行(输入命令)gulp即可！");
})

2、gulp.src --找到需要执行任务的文件
3、gulp.dest --执行任务的文件的去处
4、gulp.watch --观察文件是否发生变化