gulp自动化构建系列（一）

1.概念：

gulp概念：

        是前段自动化构建工具，用于打包，从而把文件压缩，整合，移动，混淆；

前端打包构建工具分类？

        gulp:基于流的打包构建工具

        webpack:基于js文件的打包构建工具

什么是流？

流分为流文件和流格式 ：

        流文件：是一种文件传输的格式，指的是一段一段的文件传输 ；

        流格式：是从头到位的一个过程，需要从源开始一步一步经过加工，并且每一个步骤需要依

赖上一步的结果，最终给出一个完成的成品；

注意：gulp是基于流格式的一种构建工具，并且gulp的依赖环境依赖于node环境进行开发，底层封

装的内容就是node里面的读写内容

gulp作用？

        对css文件进行压缩，转码（自动添加前缀）；

        对于js文件进行压缩，转码（ES6转ES5）;

        对于html进行压缩，转码（对格式的转换）；

        对于静态资源文件的处理；

        对于第三方文件的处理;

        .........

2.gulp安装与卸载

gulp是一个javascript相关的工具，可以直接使用npm进行安装，需要安装在你的电脑环境里面，一

次安装多次使用 。

gulp安装：

cmd命令行中输入：

windows系统：npm install --global gulp
mac系统：$sudo npm install --global gulp

检测gulp是否安装成功：

        cmd中输入：

gulp --version

若安装成功则会如下显示，并展示gulp版本号：

 gulp卸载：

npm uninstall --global gulp

gulp版本：

        gulp@3:安装成功检测版本号是，gulp 3.9.1

        gulp@4：安装成功检测版本号是，gulp cli 2.3.0

注意：gulp全局工具安装完毕后能够给我们的电脑提供一个启动gulp的环境，即可以在cmd中运

行gulp xxx的指令