码迷,mamicode.com
首页 > 其他好文 > 详细

Gulp自动化工具之图片压缩

时间:2015-04-03 15:07:17      阅读:184      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!