使用雅虎YUI Compressor压缩JS过程心得记录
对待发布的项目进行测试时,发现js下载量比较大,从jquery的min版想到了压缩项目中的js文件.很简单的google之(在此,强调一下google的重要性),搜到一个叫做YUI Compressor,是雅虎提供的一个可以压缩js和css的工具,早就对雅虎的css设计有所耳闻,今天先体验一下这个压缩工具,在官网找了好半天才找到这传说中jar文件,版本是2.4.2,我比较喜欢新版本的,继续google之.找到一个最新的yuicompressor-2.4.8.jar和源码文件,如果各位童鞋找不到,可以留言,小弟可以传给大家.
网上找了一个使用yuicompressor的说明《使用YUI Compressor压缩JS和Css,批处理,右键,注册表,打包》,写的很不错,不过有一些细节上面没有描述的很清楚.根据个人的理解来看.现以js文件举例.compressor是一个jar文件,那么就需要先配置好java的环境变量,各位学习java的童鞋,不会的可以去面壁google.其他语言的童鞋可以google之,非常简单.
环境变量配置好后,那么就可以使用cmd命令执行,命令很简单: java -jar D:\yuicompressor\yuicompressor-2.4.8.jar D:\my.js -o D:\my-min.js
以上是最简单的方式,使用了一些默认参数,如果需要设置类型和编码,可以参考官网,也很简单.
在此,小弟说一下自己的需求,项目中js文件比较多,所在目录也很多,那么手动一个一个的压缩,无疑不是程序员的首选.既然有cmd,那么批处理就自然而然的想出来.批处理?小弟我也不会.不会就去学呗.根据上面介绍的文章,我写好了自己的bat批处理命令.
cd "%1"
for /f %%a in ('dir /A:-D /S /b *.js') do call:ProcessCompress: %%a
for /f %%a in ('dir /A:-D /S /b *.css') do call:ProcessCompress: %%a :ProcessCompress
IF NOT [%]==[] call:CompressFiles: %
GOTO:EOF :CompressFiles
java -jar D:\temp\js\yuicompressor-2.4..jar % -o %~d1%~p1%~n1-min%~x1
GOTO:EOF
现在一一介绍一下,有一些我没有细致的去查,不过理解的应该相差不大.
第一行: cd "%1"-------(不是很清楚,大致是在执行该bat文件时,后面需要带个路径参数,即从哪个目录下开始遍历)
第二行:for-------就是for循环咯||
/f-------(应该是对文件进行搜索的意思吧)
%%a-------这个应该是定义了一个每次遍历的参数,就跟java中的for循环 int i=0.应该差不多
in-------不讲了,一切尽在不言中
dir需要好好解释一下,以下是我从《使用CMD实现批量重命名[转]》中拷贝的
先解释 "dir /A:-D /S /B",dir(ectory)命令的作用是
引用:
Displays a list of files and subdirectories in a directory.
DIR [drive:][path][filename] [/A[[:]attributes]] [/b] [/C] [/D] [/L] [/N]
[/O[[:]sortorder]] [/P] [/Q] [/S] [/T[[:]timefield]] [/W] [/X] [/4]
/A(ttribute):D(irectory) 表示只显示属性是目录的项,D前面加个减号-, 表示非,因此/A:-D就是显示所有非目录的项。
/S(ubdirectories), 表示所有子目录和子目录下的文件也都要显示。
/B(are), 表示显示最简单赤裸的信息就可以了,其它冗余信息都不显示。对于dir命令来说,就是只显示长文件名。
好了,说了这么多,其实很简单,dir /A:-D /S /B 的作用就是显示某目录及其子目录下的所有文件列表。可以打开CMD窗口,亲身体验一下(注意别在C盘根目录用这个命令呵,文件太多,会刷半天屏的。若不幸使用,请使劲摁Ctrl + C退出)
do call------我想就应该调用其他方法了吧.顺便把参数传过去.
第五到七行不太懂,略过.
第十行:前面是调用YUICompressor的方法, % -o %~d1%~p1%~n1-min%~x1需要重点说一下,我的目的是是将my.js转成my-min.js
我使用神奇的google到了这篇文章《如何写批处理文件》上面讲到:
选项语法:
~I - 删除任何引号("),扩充 %I
%~fI - 将 %I 扩充到一个完全合格的路径名
%~dI - 仅将 %I 扩充到一个驱动器号
%~pI - 仅将 %I 扩充到一个路径
%~nI - 仅将 %I 扩充到一个文件名
%~xI - 仅将 %I 扩充到一个文件扩展名
%~sI - 扩充的路径只含有短名
%~aI - 将 %I 扩充到文件的文件属性
%~tI - 将 %I 扩充到文件的日期/时间
%~zI - 将 %I 扩充到文件的大小
%~$PATH:I - 查找列在路径环境变量的目录,并将 %I 扩充到找到的第一个完全合格的名称。如果环境变量未被定义,或者没有找到文件,此组合键会扩充空字符串
好了,各位,我的任务完成了,相信大家可以看懂了.
使用雅虎YUI Compressor压缩JS过程心得记录的更多相关文章
- YUI Compressor 压缩 JavaScript 原理-《转载》
YUI Compressor 压缩 JavaScript 的内容包括: 移除注释 移除额外的空格 细微优化 标识符替换(Identifier Replacement) YUI Compressor包括 ...
- 【JS代码压缩】使用YUI Compressor对js文件进行压缩处理
概述 在使用html5开发Hybird APP的时候,可能会引入大量的js包,另外对于一些核心的js文件,进行一些特殊的处理, 如压缩和加密就显得很重要了,YUI Compressor就是这样一个用于 ...
- YUI Compressor压缩失效的场景-eval和with
一.官方文档的说明 in the face of evil features such as eval or with, the YUI Compressor takes a defensive ap ...
- Java & Mysql 餐饮管理系统 过程心得记录
------------------------------------------Have a Good Day~---------------------------------- 准备国赛和AC ...
- YUI Compressor JS和CSS压缩工具使用方式(使用前安装JDK)
压缩测试: 选中 test.js, 执行右键菜单“Process with &YUICompressor”,会生成 test-min.js. 注意事项: 1. 需要安装 JDK >= 1 ...
- YUI Compressor是如何压缩JS代码的?
YUI Compressor 压缩 JavaScript 的内容包括: 移除注释 移除额外的空格 细微优化 标识符替换(Identifier Replacement) YUI Compressor 包 ...
- 【转载】Yui.Compressor高性能ASP.NET开发:自动压缩CSS、JS
在开发中编写的js.css发布的时候,往往需要进行压缩,以减少文件大小,减轻服务器的负担.这就得每次发版本的时候,对js.js进行压缩,然后再发布.有没有什么办法,让代码到了服务器上边,它自己进行压缩 ...
- C#Css/Js静态文件压缩--Yui.Compressor.Net
一.Asp.Net 自带静态文件压缩工具包 Microsoft.AspNet.Web.Optimization http://www.nuget.org/packages/Microsoft.AspN ...
- Asp.Net使用Yahoo.Yui.Compressor.dll压缩Js|Css
网上压缩css和js工具很多,但在我们的系统中总有特殊的地方.也许你会觉得用第三方的压缩工具很麻烦.我就遇到了这样问题,我不想在本地压缩,只想更新到服务器上去压缩,服务器压缩也不用备份之类的操作.于是 ...
随机推荐
- SAP ATP邏輯可用性檢查
[转http://tqmeng.blog.163.com/blog/static/169263916201162002414612/]SAP ATP邏輯可用性檢查1.可用性檢查群組OVZ2主要用於檢查 ...
- 从springmvc启动日志学习
javaee标准中,tomcat等web容器启动时走web.xml 先将各种contex-param 放到servletcontxt中变成parameter,然后开始启动容器,容器对外提供了liste ...
- php验证复选框的小例子
发布:thatboy 来源:Net [大 中 小] 本文介绍一个简单的php实例,通过代码验证复选框值的有效性,有需要的朋友,可以参考下. 验证复选框的php代码,如下: <?php ...
- leetcode 900. RLE Iterator
Write an iterator that iterates through a run-length encoded sequence. The iterator is initialized b ...
- python内置方法补充all
all(iterable) 版本:该函数在python2.5版本首次出现,适用于2.5以上版本,包括python3,兼容python3版本. 说明:如果iterable的所有元素不为0.''.Fals ...
- poj 1258 最小生成树 模板
POJ 最小生成树模板 Kruskal算法 #include<iostream> #include<algorithm> #include<stdio.h> #in ...
- 大话设计模式--中介者模式 Mediator --C++实现实例
1. 中介者模式: 用一个中介对象来封装一系列的对象交互,中介者使各对象不需要显式地相互引用,从而使其耦合松散,而且可以独立改变他们之间的交互. Mediator的出现减少了各个Colleague的耦 ...
- Jquery实现超酷的时间轴特效
Timeline时间轴Jquery特效是一款现在互联网上非常流行的一种布局结构,结合了瀑布流布局,最近很多网友问到这种特效,网站上有网友们分享过一款,功能虽然实现,但样式不太好看,今天就把它整理出来分 ...
- php设计模式课程---3、为什么会有抽象工厂方法
php设计模式课程---3.为什么会有抽象工厂方法 一.总结 一句话总结: 解决简单工厂方法增加新选择时无法满足面向对象编程中的开闭原则问题 1.什么是面向对象编程中的开闭原则? 应该对类的增加开放, ...
- spring boot: scope (一般注入说明(一) @Autowired注解)
实例一: DiConfig 文件: package di; import org.springframework.context.annotation.ComponentScan; import or ...