压缩测试:

选中 test.js, 执行右键菜单“Process with &YUICompressor”,会生成
test-min.js.

注意事项:

1. 需要安装 JDK >= 1.4, 并设置环境变量 JAVA_HOME

2. css 和 js 文件编码必须是 GB2312, GBK 或 GB18030. 如果要支持 UTF-8, 请在 compressor.cmd 中将
GB18030 替换为 UTF-8
3. css 文件中含有中文时,如果 css 编码和页面编码不一致,需要手动将中文替换为\xxxx, 详细说明请参考
compressor.cmd 中的说明
4. 如果不需要 native2ascii, 可以只安装 JRE (需要手动修改下
compressor.cmd)

Ref:

1. Introducing the YUI Compressor:
http://www.julienlecomte.net/blog/2007/08/11/
2. YUILibrary:
http://yuilibrary.com/projects/yuicompressor/wiki
3. Documentation:
http://developer.yahoo.com/yui/compressor/
4. native2ascii.exe:
http://java.sun.com/j2se/1.4.2/docs/tooldocs/windows/native2ascii.html

以下是配置补充:

使用YUI
Compressor压缩JS和Css

常用示例(在cmd中执行)

java -jar
D:\yuicompressor-2.4.6\build\yuicompressor-2.4.6.jar --type js --charset UTF-8
D:\my.js -o D:\my-min.js
java -jar
D:\yuicompressor-2.4.6\build\yuicompressor-2.4.6.jar --type css --charset UTF-8
D:\my.css -o D:\my-min.css

–type指定要打包的文件类型,可选的有 js和css
–charset
指定字符集
-o 指定输出的文件名,如果不指定这个参数将会把压缩后的内容输出到命令行上

最后的my.js和my.css是要打包的debug版源文件

如果没有给定charset参数,则字符集默认是系统的,此处指定了UTF-8,更加你的实际需要修改。具体语法和其他参数参考:http://www.julienlecomte.net/yuicompressor/

使用YUI
Compressor和DOS批处理脚本压缩JavaScript和CSS,加上IIS的GZIP,加起来能得到85%左右的压缩率。(其中YUI
Compressor的压缩率大约为50%)也可以修改参数获得更多的压缩率。

---------------------------------------------华丽分割线---------------------------------------

制作批处理工具

三个文件:
批处理文件:yuicompressor.bat

注册表文件:yuicompressor.reg
压缩jar包:yuicompressor-2.4.6.jar

文件目录:D:\server\f2etools\yuicompressor

yuicompressor.bat批处理使用方法:

对整个文件夹右键点击【YUI-Compressor
JS/CSS】批量压缩操作生成-min.css或-min.js,源文件不变,项目平时开发时引用源文件,上线前引用压缩文件测试正常后再上线。

yuicompressor.bat批处理文件代码:

复制代码

代码如下:

cd "%1"
for /f %%a in ('dir /b
*-min.js') do call:ProcessDel: %%a
for /f %%a in ('dir /b *-min.css') do
call:ProcessDel: %%a
for /f %%a in ('dir /b *.js') do call:ProcessCompress:
%%a
for /f %%a in ('dir /b *.css') do call:ProcessCompress: %%a

:ProcessDel
IF NOT [%1]==[] call:DeleteMinFiles: %1
GOTO:EOF

:ProcessCompress
IF NOT [%1]==[] call:CompressFiles: %1
GOTO:EOF

:DeleteMinFiles
IF EXIST "%CD%\%1" del "%CD%\%1"
GOTO:EOF

:CompressFiles
java -jar
D:\server\f2etools\yuicompressor\yuicompressor-2.4.6.jar %1 -o %~n1-min%~x1

GOTO:EOF

yuicompressor.reg注册表功能:选中文件夹后,右键,会多一个选项【YUI-Compressor JS/CSS】

yuicompressor.reg注册表文件代码:

复制代码

代码如下:

Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOT\Directory\shell\Compress JS/CSS Files]

@="YUI-Compressor JS/CSS"
[HKEY_CLASSES_ROOT\Directory\shell\Compress
JS/CSS Files\command]

@="D:\\server\\f2etools\\yuicompressor\\yuicompressor.bat %1"

注意事项:请修改两个文件中的目录路径

批处理文件:yuicompressor.bat和注册表文件:yuicompressor.reg

---------------------------------------------华丽分割线---------------------------------------

打包压缩pack-all-min.js

文件如下:
批处理文件:pack-js.bat

需要打包的目录文件:pack-list.txt

pack-js.bat 代码:

复制代码

代码如下:

for /f %%i in (packList.txt) do type %%i
>> pack-all.js
java -jar
D:\server\f2etools\yuicompressor\yuicompressor-2.4.6.jar --type js --charset
utf-8 pack-all.js -o pack-all-min.js

pack-list.txt

jquery.ui.datepicker.js
jquery.ui.dialog.js

jquery.ui.draggable.js
jquery.ui.mouse.js

使用方法:

在当前js文件夹里放入这两个文件,平时开发用多个源文件,运行pack-js.bat后查看页面效果,上线前打包成一个压缩文件,测试无误后再上线。

YUI Compressor JS和CSS压缩工具使用方式(使用前安装JDK)的更多相关文章

  1. yui压缩JS和CSS文件

    CSS和JS文件经常需要压缩,比如我们看到的XX.min.js是经过压缩的JS. 压缩文件第一个是可以减小文件大小,第二个是对于JS文件,默认会去掉所有的注释,而且会去掉所有的分号,也会将我们的一些参 ...

  2. 一款js、css压缩工具yuicompressor

    //压缩JS java -jar yuicompressor-.jar --type js --charset utf- -v src.js > packed.js //压缩CSS java - ...

  3. js,css压缩工具

    常见的js压缩工具: js commpress: 运行平台:windows系统, 优点:能自动压缩: 缺点:不能拖动文件压缩:只支持windows平台: s.press 运行平台:mac ox系统 优 ...

  4. Centos6.5 rpm方式指定目录安装JDK

    第一步:下载jdk本例使用jdk-7u5-linux-i586.rpm包,登陆到http://www.java.com下载即可. 第二步:检查文件权限及安装情况1.以root权限登陆系统,查看并修改使 ...

  5. 【翻译】Microsoft Ajax Minifier 快速使用指南(与VS集成使用) 编译后直接压缩项目的JS或CSS文件

    网上找了好久终于找到一个能跟VS集成使用的JS和CSS压缩工具,因为害怕忘记,所以给转发过来,顺便翻译一下,大学那会儿学的英语基本上都已经还给老师了,所以翻译的不太好,不过能看懂就成,对吧? 原文地址 ...

  6. 亲身实践 yui-compressor压缩js和css

    最近很懒散,个人感情.家庭原因,没有动力去学东西,老是发誓要搞好前端工程化,老中断,唉!没有魄力! 最近老觉得这前端工程化有什么好的,东西那么多,还得学!直到前几天产品提了个优化,说搜索结果页跳商品详 ...

  7. C#Css/Js静态文件压缩--Yui.Compressor.Net

    一.Asp.Net 自带静态文件压缩工具包 Microsoft.AspNet.Web.Optimization http://www.nuget.org/packages/Microsoft.AspN ...

  8. Asp.Net使用Yahoo.Yui.Compressor.dll压缩Js|Css

    网上压缩css和js工具很多,但在我们的系统中总有特殊的地方.也许你会觉得用第三方的压缩工具很麻烦.我就遇到了这样问题,我不想在本地压缩,只想更新到服务器上去压缩,服务器压缩也不用备份之类的操作.于是 ...

  9. 【转载】Yui.Compressor高性能ASP.NET开发:自动压缩CSS、JS

    在开发中编写的js.css发布的时候,往往需要进行压缩,以减少文件大小,减轻服务器的负担.这就得每次发版本的时候,对js.js进行压缩,然后再发布.有没有什么办法,让代码到了服务器上边,它自己进行压缩 ...

随机推荐

  1. 【API】开机自启动- ActiveX启动

    一 学习目标 这是一段远程控制木马开机启动的代码,主要使用了ActiveX方式启动.结合自己的理解重新整理了笔记.而作为编程新手入门的自己决定要开始梳理学习目的和订下学习的目标.从今天开始要坚持做到 ...

  2. C++学习8-面向对象编程基础(模板)

    模板 模板是一种工具,模板可以使程序员能建立具有通用类型的函数库与类库: 模板具有两种不同的形式: 函数模板 类模板 函数模板 当一个add()函数接收两个参数,因为某种特定情况,所传入的实参数据类型 ...

  3. 『PyTorch』第五弹_深入理解autograd_上:Variable属性方法

    在PyTorch中计算图的特点可总结如下: autograd根据用户对variable的操作构建其计算图.对变量的操作抽象为Function. 对于那些不是任何函数(Function)的输出,由用户创 ...

  4. android margin--负的margin的使用

    通常情况下,如果我们想要两个控件实现重叠的效果,一般都是使用FrameLayout 或者RelativeLayout布局.其实,如果设置两个控件的margin值为负数,也能实显控件重叠的效果. 先展示 ...

  5. docker 定时清理none镜像

    =============================================== 2019/3/31_第1次修改                       ccb_warlock == ...

  6. Expm 1_2 实现快速排序的算法,并尝试采用不同的方法实现线性的划分过程.

    package org.xiu68.exp.exp1; public class Exp1_2 { //实现快速排序算法,采用不同的方法实现线性划分的过程 public static void mai ...

  7. sklearn调参(验证曲线,可视化不同参数下交叉验证得分)

     一 . 原始方法: 思路: 1. 参数从 0+∞ 的一个 区间 取点, 方法如: np.logspace(-10, 0, 10) , np.logspace(-6, -1, 5) 2. 循环调用cr ...

  8. Python-GIL 进程池 线程池

    5.GIL vs 互斥锁(*****) 1.什么是GIL(Global Interpreter Lock) GIL是全局解释器锁,是加到解释器身上的,保护的就是解释器级别的数据 (比如垃圾回收的数据) ...

  9. 转:vue+element实现树形组件

    项目中需要用到树形组件,在网上发现一个用vue+element实现的树形组件,现在记录下: demo地址:https://github.com/wilsonIs/vue-treeSelect

  10. Java 开发环境配置--eclipse工具进行java开发

    Java 开发环境配置 在本章节中我们将为大家介绍如何搭建Java开发环境. Windows 上安装开发环境 Linux 上安装开发环境 安装 Eclipse 运行 Java Cloud Studio ...