chaihongjun.me

懒人行动使用DOS批处理快速执行grunt插件任务


团队的人最近研究使用grunt来工程化处理工作任务。Grunt是个好东西,压缩合并优化不一而足,只要不嫌折腾搞好安装配置,之后只需要执行几个简单的命令就可以了。

而这个任务一般都是由咱们的前端伙伴去执行。部门里面的设计师不太去研究页面优化的问题,实际上设计师也应该关心一下页面大小渲染,关于渲染就有所谓渐进式和隔行扫描等多种方法了。

出于偷懒的目的,以及让设计师只要点击鼠标和按回车就完成GRUNT任务,特意憋出这么一个批处理文件:

懒人行动使用DOS批处理快速执行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 更改版本 -------------------

将原来的版本做了修改,增加了

  1. 可以清空工作目录之前的文件

  2. 自动打开源目录

  3. 自动打开优化后目录

知识共享许可协议本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。作者:柴宏俊»