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的指令