默认阅读者已经会node、npm和git工具的使用了,不会不用继续往下读。
五分钟就会的一个小工具
第一步:使用npm init命令----生成一个pakeage文件。


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

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

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


gulp-csso ------ 用来压缩css文件
gulp-filter ------ 过滤文件,并恢复文件流
gulp-rev ------ 生成源文件和添加hash
gulp-rev-replace ------ 重写已经被 gulp-rev重命名的文件名的出现
gulp-uglify ------ 压缩js文件
gulp-useref ------ 要用来合并文件

第四步:在git工具输入gulp

有什么问题欢迎下方留言
不要吝啬你的赞哟!
网友评论