前端开发使用gulp对文件进行压缩、合并、版本更新

默认阅读者已经会node、npm和git工具的使用了，不会不用继续往下读。

五分钟就会的一个小工具

第一步：使用npm init命令----生成一个pakeage文件。

使用命令之后，除了name需要自己取一个项目的名字，其他按回车键。

package文件，当然devDependencies什么都没有，后面添加的，先不管

第二步：下载gulp到开发环境。使用下面命令

第三步：依赖包用空格隔开就行，就可以一起下载到开发环境了。不过要先写好gulpfile.js文件。如下图所示

gulpfile.js

注意：dist文件夹就是文件压缩之后存放的位置，src就是前端开发的各种脚本文件了。

文件结构，其他文件里面的内容有兴趣自己搜一下。

下载gulp依赖包

gulp-csso ------ 用来压缩css文件

gulp-filter ------ 过滤文件，并恢复文件流

gulp-rev ------  生成源文件和添加hash

gulp-rev-replace ------  重写已经被 gulp-rev重命名的文件名的出现

gulp-uglify ------   压缩js文件

gulp-useref ------  要用来合并文件

用了gulp-useref依赖包之后，需要上面的操作，才能合并文件。

第四步：在git工具输入gulp

默认执行defalut函数。

有什么问题欢迎下方留言

不要吝啬你的赞哟！