使用gulp构建自动化流程开发

第一步，初始化项目

构建gulp自动化开发需要用到的相关环境

运行环境：node

包管理：npm

初始化项目工程

第二步，安装gulp

具体的安装教程gulp中文网已经有了，这里不重复，gulp中文网

安装时候要注意的是以下两种安装参数区别

--save-dev 作为项目的开发依赖，就是开发阶段需要用到，项目上线的时候不需要用到

--save 项目运行的时候需要用到的资源

安装完成的gulp版本

第三步，安装项目所有用到的包

自动化开发所用到的包

gulp包：

npm install --save-dev gulp

上面的gulp安装是全局方式的安装，与这里的安装方式不同，这里的安装是作为项目的开发依赖

npm install --save-dev gulp-less

编译 Less：gulp-less，基本语法： less中文网，包的使用方式

npm install --save-dev gulp-cssnano

css压缩

npm install --save-dev gulp-htmimin

html压缩

npm install --save-dev gulp-uglify

最小化js文件

npm install --save-dev gulp-concat

合并文件

npm install --save-dev  browser-sync

Browser-sysnc用于开启服务器

第四步，编写自动化流程

启动服务器，就可以做到在编译器修改文件，浏览器同步更新的效果，这样可以大大提高开发项目的效率