yui compressor php,通过yuicompressor-2.4.7压缩css或js的php应用文件

本文介绍如何使用yuicompressor工具压缩CSS和JS文件,提升网页加载速度。通过示例代码实现批量处理,包括文件路径处理、命令行执行和目录遍历。展示了压缩前后文件大小的变化,以及在PHP脚本中的集成应用。
摘要由CSDN通过智能技术生成

yuicompressor这是个很好的工具,通过java库编译css或js文件进行压缩。压缩css或者js文件的好处是很多的,减少数据请求量,可以更快的进行数据传输,防止其他人进行窥探或整体直接挪用等等。。。

首先你要去下载一个yuicompressor现在最新版本是2.4.7 下载地址: yuicompressor  使用方法怎么工作在这里都有详细的说明,就不一一介绍了。

最常用的yuicompressor语法就是

[code]

java -jar yuicompressor-x.y.z.jar myfile.js -o myfile-min.js --charset utf-8

[/code]

其中需要注意的地方就是 如果不在yuicompressor-x.y.z.jar这个文件目录下,需要采用绝对的路径比如 E:/compressor/yuicompressor/build/yuicompressor-x.y.z.jar 这样的。同样需压缩文件myfile.js和压缩后输出的文件myfile-min.js 也是一样的采用绝对的路径。

好了,有了yuicompressor后;就要首先有一个java环境,不知道是否已安装java环境的可以通过 运行 ->cmd 输入

java -version

如果看到

tgAAIA74dgAAIACHBsAAFCAYwMAAApwbAAAQAGODQAAKMCxAQAABTg2AACgAMcGAAAU4NgAAIACHBsAAFCAYwMAAHz+Dw5lZTzFaZyUAAAAAElFTkSuQmCC

java的版本结果就说明java的运行环境是ok的了。如果没有这个结果,不用担心可以去oracle官网去下载。如果觉得下载比较慢可以直接百度搜索java jdk下载,下载完成后下一步,下一步安装完成即可。

不出问题,你现在就可以正常的运行yuicompressor了,能够进行完成压缩文件了。

但是这样就出现了一个问题每次通过这样来执行,只能执行一个文件。我们的css和js文件通常有很多,不能一下完全执行,所以就写了一个小应用,直接输入本地的css和js目录就可以直接遍历压缩完成,这样就很省事了。

三个文件index.php ,index.tpl.html , do.php 很小

好吧,直接上码。

index.php

/**

* @author alex

* @time 2011年12月1日

* @todo php通过yuicompressor批量压缩css和js文件

* @email leiyu_ai@qq.com

*/

session_start();

require_once 'index.tpl.html';

?>

index.tpl.html

compressor js/css

body { font: 12px Microsoft Yahei, Verdana, Geneva, sans-serif, "宋体"; }

h1,h2,h4 { margin: 0; padding: 0; font-weight: normal;  }

input { border: 1px solid #eee; }

form span { display: inline-block; width: 80px; }

form h4 { margin-bottom: 10px; }

.go { border-color: #000; }

$_SESSION['rand'] = mt_rand(100,999);

?>

css文件目录
js文件目录

do.php

/*

* 示例:我的yuicompressor-2.4.7.jar是放在这个地址下的,所以在运行前请更改为你的存放地址

* $cmd = "java -jar E:/compressor/yuicompressor-2.4.7/build/yuicompressor-2.4.7.jar --type js --charset utf-8 -o E:/tmp/js/home.min.js".

* " E:/tmp/js/home.js";

*/

session_start();

header('Content-type:text/html; charset=utf-8');

$rand = $_POST['rand'];

$srand = isset($_SESSION['rand'])? $_SESSION['rand']: '';

$submit = $_POST['go'];

if ($rand == $srand ){

if ($submit){

$jsdir = $_POST['jsdir'];

$cssdir = $_POST['cssdir'];

if ( !empty($jsdir) || !empty($cssdir)){

// 获取所有的文件集合

$jslist = getFileList($jsdir);

$csslist = getFileList($cssdir);

// 压缩js、css文件内容

$bool = doIt($jslist);

$boolc = doIt($csslist);

if ( $bool || $boolc){

echo $jsdir.'|'.$cssdir.' 目录执行成功';

}else{

echo $jsdir.'|'.$cssdir.' 目录执行失败';

}

}else {

echo '请输入css或js的文件目录';

}

echo '  返回首页';

}

unset($_SESSION['rand']);

}

function getExt($file){

return strrev(substr(strrev($file), 0, strpos(strrev($file),'.')));

}

function getName ($file){

return strrev(substr(strrev($file), strpos(strrev($file),'.')+1 ));

}

function getPathFile($dir, $file){

return $dir.DIRECTORY_SEPARATOR.$file;

}

function doIt($list){

$tfile = $list[0][0];

$ext = getExt($tfile);

foreach($list as $key=>$val){

$cmd = "java -jar E:/compressor/yuicompressor-2.4.7/build/yuicompressor-2.4.7.jar --type {$ext} --charset utf-8 -o {$val[1]}".

" {$val[0]}";

exec($cmd, $output, $rv);

// 执行成功

if ( $rv == 0){

// 删除源文件

unlink($val[0]);

// 重命名新的压缩文件

rename($val[1], $val[0]);

}else {

$str .= $val[0].',';

}

}

if (!empty( $str)){

echo $str.' 执行失败';

return false;

}else {

return true;

}

}

function getFileList($dir){

$filelist = array();

if (is_dir($dir)){

$handle = opendir($dir);

while(($file = readdir($handle)) !== false){

if ( $file == '.' || $file == '..') continue;

$tmpdir = getPathFile($dir, $file);

if ( is_dir( $tmpdir)){

$rs = getFileList( $tmpdir);

if ( !empty($rs)){

$filelist = array_merge($filelist, $rs);

}

}else {

$filename = getName($file);

$ext = getExt($file);

$file = getPathFile($dir, $file); // 源文件完整路径

$minname = getPathFile($dir, $filename.'.min.'.$ext); // 压缩目标文件名称完整路径

$filelist[] = array($file, $minname);

}

}

closedir($handle);

return $filelist;

}else{

return false;

}

}

?>

ok完成。现在展示下我的测试结果

css文件

压缩前:                                                                            压缩后:

SeUOFgnIHeKQjqh0qFJQ7wCMdUe1QoaDcAR7piGqHCoUWAjzSEdUOFQotBHikI6odKhRaCPBIR1Q7VCi0EOCRjqh2qFBoIcAjHVHtUKH+D2SppzdROzoiAAAAAElFTkSuQmCC

GfnMDlL7whI50fOh7n2aWgdgHghI+2GlDawWxD7BIB1U7tFYQ+wCLdFC1Q2sFsQ+wSAdVO7RWaCTAIh1U7dBaoZEAi3RQtUNrhUYCLNJB1Q6tFRoJsEgHVTu0Vv8DucSi+cyDu2EAAAAASUVORK5CYII=

js 文件

压缩前:                                                                                    压缩后:

AAAAAElFTkSuQmCC

wEXv4v55oklIAAAAABJRU5ErkJggg==

效果还是很明显的~~ ^_^

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
雅虎推出的一款javascript压缩工具。有JAVA版本和.NET版本。 yuicompressor-2.4.2.jar yuicompressor-2.4.7.jar jsZip.exe yuicompressor yui compressor js压缩工具 javascript压缩工具 css压缩工具 ------------------------------------ //压缩JS java -jar yuicompressor-2.4.2.jar --type js --charset utf-8 -v src.js > packed.js //压缩CSS java -jar yuicompressor-2.4.2.jar --type css --charset utf-8 -v src.css > packed.css 语法: java -jar yuicompressor-x.y.z.jar [options] [input file] 通用参数: -h, --help 显示帮助信息 --type <js|css> 指定输入文件文件类型 --charset <charset> 指定读取输入文件使用的编码 --line-break <column> 在指定的列后插入一个 line-bread 符号 -v, --verbose 显示info和warn级别的信息 -o <file> 指定输出文件。默认输出是控制台。 javascript专用参数: --nomunge 只压缩, 不对局部变量进行混淆。 --preserve-semi 保留所有的分号。 --disable-optimizations 禁止优化。 举例: 将yuicompressor-2.4.2.jar 放在c:下,将editor.js放在c:盘下。 将editor.js进行压缩 命令为: C:\java -jar yuicompressor-2.4.2.jar editor.js -o editor2.js 参数说明: yuicompressor-2.4.2.jar 为工具包jar editor.js为要压缩js -o editor2.js压缩完成后的文件压缩率: 对resources下js文件夹里163个js文件进行压缩 压缩前4.13MB 压缩后2.89MB 混淆率: 较高 一个windows下的批量处理脚本: @echo off ::设置YUI Compressor启动目录 SET YUIFOLDER=C: ::设置你的JSCSS根目录,脚本会自动按树层次查找和压缩所有的JSCSS SET JSFOLDER=D:\1 echo 正在查找 JavaScript, CSS ... chdir /d %JSFOLDER% for /r . %%a in (*.js *.css) do ( @echo 正在压缩 %%~a ... @java -jar %YUIFOLDER%\yuicompressor-2.4.2.jar --charset UTF-8 %%~fa -o %%~fa ) echo 完成! pause & exi
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值