团队的人最近研究使用grunt来工程化处理工作任务。Grunt是个好东西,压缩合并优化不一而足,只要不嫌折腾搞好安装配置,之后只需要执行几个简单的命令就可以了。
而这个任务一般都是由咱们的前端伙伴去执行。部门里面的设计师不太去研究页面优化的问题,实际上设计师也应该关心一下页面大小渲染,关于渲染就有所谓渐进式和隔行扫描等多种方法了。
出于偷懒的目的,以及让设计师只要点击鼠标和按回车就完成GRUNT任务,特意憋出这么一个批处理文件:
@echo off title 【图片压缩理】 color 02f echo. echo. echo. echo. echo. echo 此文件用来处理压缩图片(jpg,png)为主! echo. echo 操作和说明: echo. echo 1.执行处理前,将需要压缩的图片复制到【E:/nodejs/img】目录下 echo. echo 2.执行处理后,被压缩过的文件在【E:/nodejs/opt_img】目录下 echo. echo 3.建议每次操作完,请清空上述两个目录内的图片文件,方便下次使用 echo. echo 4.此文件保存为.bat格式执行即可 echo. echo 【【【 按下键盘任意键开始,退出请直接【点右上角关闭】!!】】】 echo. pause>nul&cls echo. echo. echo. echo. echo. echo. echo. echo 【是否先清空优化前和优化后的文件目录?】 echo. echo. echo. echo. pause>nul&cls del f:\nodejs\img\*.* del f:\nodejs\opt_img\*.* cls start f:\nodejs\img\ echo. echo. echo. echo. echo. echo. echo. echo. echo. echo. echo 1.请把要压缩的图片放到当前打开的文件夹内, echo 复制完毕之后可以关闭该文件夹 echo. echo 2.然后按任意键开始压缩图片 echo. echo 说明:当屏幕出现Running XXXXXX 表示正在执行压缩,请等待片刻 echo. pause>nul&cls C:\Windows\System32\cmd.exe /k "cd /d f:\nodejs\&&grunt image&&start f:\nodejs\opt_img\&&pause&&exit"
将上面的代码复制进记事本再另存为.cmd或者.bat格式,放到任意目录执行即可。
简单介绍一下上面批处理内容:
打开了本机的CMD命令行,然后切换目录到F:/nodejs目录下,因为grunt是安装在这里,接着执行grunt image命令,也就是图片压缩的插件命令,等图片压缩完成之后,关闭CMD窗口
关键点是打开窗口并切换到新目录之后还需要再执行命令,这里就需要
&&
两个&符号来连接命令。依据这个命令格式可以扩展其他出来。
---------------------------------------------2016/8/27 更改版本 -------------------
将原来的版本做了修改,增加了
可以清空工作目录之前的文件
自动打开源目录
自动打开优化后目录