2.1 HTML处理（HTML Task）

    基础配置：

    执行命令：

    2.2 样式处理（CSS Task）

    CSS预处理/Sass编译 (gulp-ruby-sass) ：

    相比较glup-sass而言，速度会稍许慢点，但功能更多并且稳定。

    安装SASS：

    1. 像Gulp基于Node.js一样，Sass基于Ruby环境，所以我们先去官网下载并安装（在安装的时候，请勾选Add Ruby executables to your PATH这个选项，添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境）。
    2. 安装完ruby之后，在开始菜单中，找到刚才我们安装的ruby，打开Start Command Prompt with Ruby

    安装命令：

    执行命令：
    gulp sass

    插件提供4种输出格式：
    nested：嵌套缩进的css代码，它是默认值。
    expanded：没有缩进的、扩展的css代码。
    compact：简洁格式的css代码。
    compressed：压缩后的css代码。

    2.3 脚本压缩&重命名（Javascript Task）

    JS文件压缩(gulp-uglify)：

    使用uglify引擎压缩JS文件。

    安装命令：
    npm install gulp-uglify --save-dev

    基础配置：

    2.4 图片处理（Image Task）

    图片压缩() + 深度压缩(imagemin-pngquant)：

    压缩PNG、JPEG、GIF和SVG图像。
    gulp-imagemin集成了 、jpegtran 、 、svgo 这4个插件。而imagemin-pngquant是imagemin插件的一个扩展插件，用于深度压缩图片。

    安装命令：

    基础配置：

    执行命令：
    gulp images

    2.5 自动刷新（LiveReload Task）

    网页自动刷新（文件变动后即时刷新页面）() + 静态服务器：(gulp-webserver)：

    安装命令：
    npm install gulp-livereload gulp-webserver --save-dev