一、实现合并和压缩多个js和css文件的代码
html:
复制代码 代码如下:
php:
复制代码 代码如下:
//输出js
header (content-type:application/x-javascript; charset: utf-8);
if(isset($_get)) {
$files = explode(,, $_get['get']);
$str = '';
foreach ($files as $key => $val){
$str .= file_get_contents($_get['path'].$val);
} $str = str_replace(\t, , $str); //清除空格
$str = str_replace(\r\n, , $str);
$str = str_replace(\n, , $str);
// 删除单行注释
$str = preg_replace(/\/\/\s*[a-za-z0-9_\x7f-\xff][a-za-z0-9_\x7f-\xff]*/, , $str);
// 删除多行注释
$str = preg_replace(/\/\*[^\/]*\*\//s, , $str);
echo $str;
}
//输出css
header (content-type:text/css; charset: utf-8);
if(isset($_get)) {
$files = explode(,, $_get['get']);
$fc = '';
foreach ($files as $key => $val){
$fc .= file_get_contents($_get['path'].$val..css);
}
$fc = str_replace(\t, , $fc); //清除空格
$fc = str_replace(\r\n, , $fc);
$fc = str_replace(\n, , $fc);
$fc = preg_replace(/\/\*[^\/]*\*\//s, , $fc);
echo $fc;
}
只是个简单原型,没有封装。另外,合并后的文件记得配合缓存
二、minify的使用方法
1、从code.google.com/p/minify/下载最新版minify并解压缩,将min文件夹连同里面的内容一起复制到document_root目录下(即网站跟目录)。
可以修改文件夹名min
2、在min/groupsconfig.php里配置g参数
复制代码 代码如下:
return array(
// 'js' => array('//js/file1.js', '//js/file2.js'),
// 'css' => array('//css/file1.css', '//css/file2.css'),
);
3、在网页中按照如下方式引用就可以了:
后面的数字可以用更新日期来作标志,min和步骤1里的名称对应。
4、性能优化,请参考code.google.com/p/minify/wiki/cookbook
注意:
1、需要将httpd.conf里的rewrite_module模块开启
2、开发过程中,可以将调试模式开启,开发完毕后再将调试模式关闭,可以利用火狐浏览器的firebug来查看
复制代码 代码如下:
$min_allowdebugflag = true
http://www.bkjia.com/phpjc/771875.htmlwww.bkjia.comtruehttp://www.bkjia.com/phpjc/771875.htmltecharticle一、实现合并和压缩多个js和css文件的代码 html: 复制代码 代码如下: link rel=stylesheet type=text/css href=cssmin.php?get=base,style1,style2,globalv=20...