首页 > 其他 > 详细

Gulp自动化工具之图片压缩

时间:2015-04-03 15:05:07      阅读:221      评论:0      收藏:0      [点我收藏+]

一、安装node

https://nodejs.org/download/

根据需要选择对应的版本

技术分享

 

安装好了之后可以通过node -v参看一下版本

node -v

技术分享

二、安装gulp

npm install -g gulp

技术分享

 

进入项目目录

由于已经全局安装了gulp

(但是要保证全局版本与本地版本一致。最好重新安装一下

npm install --save-dev gulp

安装好了之后

gulp –v

技术分享

全局gulp与本项目下的gulp版本一致了。

三、安装插件

npm install --save-dev gulp-jshint

npm install --save-dev gulp-uglify

npm install --save-dev gulp-concat

npm install --save-dev gulp-sass

npm install --save-dev gulp-rename

npm install --save-dev gulp-imagemin

npm install --save-dev imagemin-pngquant

 

安装好了之后运根据配置文件执行任务(也可以设置默认任务)

技术分享

下面我们来执行图片压缩任务

gulp libs:imagemin

技术分享

当看到这里是我们的图片压缩任务已经完成了。

参考链接:

http://javascript.ruanyifeng.com/tool/gulp.html

https://github.com/gulpjs/gulp

http://gulpjs.com/plugins/

http://javascript.ruanyifeng.com/tool/gulp.html

http://www.tuicool.com/articles/ea6FVf

http://markpop.github.io/2014/09/17/Gulp入门教程/

http://gulpjs.com/plugins/

http://www.zhixing123.cn/computer/gulp.html

http://sentsin.com/web/861.html

Gulp自动化工具之图片压缩

原文:http://www.cnblogs.com/ruoqiang/p/4389889.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!