在网站正式上线前，压缩程式码是必要的过程，因为可以节省空间还能提高网页整体的效能，这里会介绍三压缩程式码的套件，分别是gulp-htmlmin 、gulp-clean-css、gulp-terser。

vinyl 是 gulp 所使用的虚拟的文件格式，在它的自述文件是这么说的：“当提到文件时你首先想到的是什么？肯定是路径和内容吧”，它主要记录的信息有：path：文件路径，contents：文件内容

Gulp自动化构建工具可以增强你的工作流程！易于使用、易于学习、构建快速、插件高质！在日常开发中，可以借助Gulp的一些插件完成很多的前端任务。

在文件根目录初始化npm,出现package.json，在根目录下面新建gulpfile.js文件，并配置，运行命令(顺序不要变，先把ES6转化问ES5，然后开始压缩混淆，uglify不支持ES6压缩混淆，会报错)

gulp4.0分离了cli和核心部分，所以需要分别安装这两个包，另外对环境要求如下：在项目根目录创建gulpfile.js文件（如果使用ts或者babel，也可用gulpfile.ts、gulpfile.babel.js分别代替

gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器 ，这篇文件整理了一些gulp常用插件

安装步骤：1.首先确定是否安装了node.js，如果未安装，请先安装node.js；2.确定是否安装了包管理工具npm，如未安装请安装：npm install npm -g；3.安装gulp： npm install gulp --save-dev；

gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。