Gulp

Gulp：

打包压缩处理自动化工具，搭建web服务器，文件保存时自动加载浏览器，使用预处理器如Sass，LESS，优化资源。基于node
安装：install
npm i gulp -g ：全局安装
npm uninstall gulp -g ：删除全局安装 （移除依赖的模块）
npm i gulp@3 -g：3.0版本
npm init -y ：初始化package.json
npm i gulp@3 --save-dev： 开发依赖，测试开发

使用：

加载gulp
var gulp=require（“gulp”）；

gulpfile：配置运行文件
在gulp中，查找源文件时，如果要排除掉某个文件，用哪个符号（！ ）
执行a的任务

default：gulp的默认执行，不用输入用户名。

执行方法：
npm run gulp
gulp

先执行a任务再执行b 第一个任务用中括号
仅限于gulp3使用

方法：

工作方式：数据流任务模式处理
pipe：管道，流向的意思 ，任何数据的改变都需要管道流向才能改变
src：读取文件
多个文件，以数组的形式。
（*匹配多个，通配符）
**（该目录下所有的子文件夹及后代文件夹下的所有文件）
？（一个字符）
dest:写入

js文件写入到dest文件夹里

image里的png文件全部写入img文件夹里

task：定义任务
watch：监视文件
只要有文件改变就处理某个内容

gulp插件

文件合并：
npm i gulp-concat --save-dev
加载：var concat=require（“gulp-concat”）；

main.js合并到dest文件里

压缩：
npm i gulp-uglify
加载：var uglify=require(“gulp-uglify”);
先合并再压缩。

重命名
npm i gulp -rename --save-dev
加载：var rename=require(“gulp-rename”);

自动加载插件：
npm i gulp-load-pluhins --save-dev
最上面的加载：
var plugins=require(“gulp-load-plugins”)();

CSS文件的压缩：
npm i gulp-minify-css

Sass解析：

html压缩：
npm i gulp-minify-html

图片压缩
gulp-imagemin

Gulp4：

npm i gulp@4 -g：全局安装
npm i gulp@4 --save–dev：开发依赖
npm list：查看版本

series：同步执行，前置任务完成后，执行下一个任务。（前置任务多个使用数组）
1，回调函数法
2，promise：
3，事件完成操作后回调：
通过事件end判断完成存储后再继续执行后续任务。

paraller：前置任务和当前任务一同执行
同步执行。

默认参数done,每次执行完，使用done,结束当前任务内容

静态服务器的搭建：

npm i browser-sync --save-dev

sever.init：服务的起始。对象
server：路径
port：端口号
server.reload()： 重新加载

html页面的加载：