PHP实现动态压缩js与css文件的方法


Posted in PHP onMay 02, 2018

本文实例讲述了PHP实现动态压缩js与css文件的方法。分享给大家供大家参考,具体如下:

正式发布产品时,我们希望将项目里的js,css合并压缩,以减少http请求、防止轻易查看源代码。

使用

只需要在头部引入一下代码即可:

<meta charset="utf-8"/>
<title>demo</title>
<?php
//定义需要压缩的文件
$css = array(
CSS_PATH . 'base.css',
CSS_PATH . 'style.css',
CSS_PATH . 'my.css'
);
$js = array(
PUB_PATH . '/lib/zepto.min.js',
PUB_PATH . '/js/1.js',
JS_PATH . '2.js',
);
$css_path = base_url(parse_css($css));
$js_path = base_url(parse_script($js));
?>
<link rel="stylesheet" type="text/css" href="<?php echo $css_path ?>" rel="external nofollow" >
<script src="<?php echo $js_path ?>"></script>
<!--下面可以继续放不能压缩或者不想压缩的文件-->
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

这段代码会在指定的目录(例如common/)里生成压缩过后的js和css.每次更新了js,css内容,请先删除生成的压缩文件。

示例:

4e387d5edce14cc2bd6396f6ebb7921b.css
7c10211f113f3175489196d336d67734.js

注意:

编写的css和js文件一定要符合规范。例如一定要加分号。js的function可以不加分号。

引用的资源

/**
*  合并压缩css
*/
function parse_css($urls)
{
  $url = md5(implode(',', $urls));
  $path = FCPATH. 'static/parse/';
  $css_url = $path . $url . '.css';
  if (!file_exists($css_url)) {
    if (!file_exists($path))
      mkdir($path, 0777);
    $css_content = '';
    foreach ($urls as $url) {
      $css_content .= @file_get_contents($url);
    }
    $css_content = str_replace("\r\n", '', $css_content); //清除换行符
    $css_content = str_replace("\n", '', $css_content); //清除换行符
    $css_content = str_replace("\t", '', $css_content); //清除制表符
    $css_content = str_replace("../images/", "./../common/images/", $css_content);
    @file_put_contents($css_url, $css_content);
  }
  $css_url = str_replace(FCPATH, '', $css_url);
  return $css_url;
}
/**
*  合并压缩js
*/
function parse_script($urls)
{
  $url = md5(implode(',', $urls));
  $path = FCPATH. '/static/parse/';
  $js_url = $path . $url . '.js';
  if (!file_exists($js_url)) {
    if (!file_exists($path))
      mkdir($path, 0777);
    load_qy_lib('JavaScriptPacker');
    $js_content = '';
    foreach ($urls as $url) {
      $append_content = @file_get_contents($url) . "\r\n";
      $packer = new JavaScriptPacker($append_content);
      $append_content = $packer->_basicCompression($append_content);
      $js_content .= $append_content;
    }
    @file_put_contents($js_url, $js_content);
  }
  $js_url = str_replace(FCPATH, '', $js_url);
  return $js_url;
}

项目里引用到第三方类库JavaScriptPacker可以在github下载:

gkralik/php-uglifyjs
https://github.com/gkralik/php-uglifyjs

/**
 * 9 April 2008. version 1.1
 *
 * This is the php version of the Dean Edwards JavaScript's Packer,
 * Based on :
 *
 * ParseMaster, version 1.0.2 (2005-08-19) Copyright 2005, Dean Edwards
 * a multi-pattern parser.
 * KNOWN BUG: erroneous behavior when using escapeChar with a replacement
 * value that is a function
 *
 * packer, version 2.0.2 (2005-08-19) Copyright 2004-2005, Dean Edwards
 *
 * License: http://creativecommons.org/licenses/LGPL/2.1/
 *
 * Ported to PHP by Nicolas Martin.
 *
 * ----------------------------------------------------------------------
 * changelog:
 * 1.1 : correct a bug, '\0' packed then unpacked becomes '\'.
 * ----------------------------------------------------------------------
 *
 * Changes:
 * 2014-08-28: grkalik: change class for composer support. no functionality change.
 *
 */
PHP 相关文章推荐
发挥语言的威力--融合PHP与ASP
Oct 09 PHP
杏林同学录(二)
Oct 09 PHP
PHP iconv 函数转gb2312的bug解决方法
Oct 11 PHP
将博客园(cnblogs.com)数据导入到wordpress的代码
Jan 06 PHP
深入file_get_contents与curl函数的详解
Jun 25 PHP
php时区转换转换函数
Jan 07 PHP
smarty模板引擎之内建函数用法
Mar 30 PHP
PHP简单数据库操作类实例【支持增删改查及链式操作】
Oct 10 PHP
PHP反射机制原理与用法详解
Feb 15 PHP
在laravel框架中使用model层的方法
Oct 08 PHP
laravel 框架实现无限级分类的方法示例
Oct 31 PHP
open_basedir restriction in effect. 原因与解决方法
Mar 14 PHP
Yii2框架数据验证操作实例详解
May 02 #PHP
Yii2框架类自动加载机制实例分析
May 02 #PHP
PHP通过bypass disable functions执行系统命令的方法汇总
May 02 #PHP
购物车实现的几种方式优缺点对比
May 02 #PHP
PHP生成(支持多模板)二维码海报代码
Apr 30 #PHP
PHP实现的猴王算法(猴子选大王)示例
Apr 30 #PHP
PHP+MySQL高并发加锁事务处理问题解决方法
Apr 30 #PHP
You might like
PHP脚本的10个技巧(3)
2006/10/09 PHP
PHP中使用正则表达式提取中文实现笔记
2015/01/20 PHP
php检测图片主要颜色的方法
2015/07/01 PHP
PHP基于工厂模式实现的计算器实例
2015/07/16 PHP
PHP生成随机密码方法汇总
2015/08/27 PHP
Mootools 1.2教程 正则表达式
2009/09/15 Javascript
jquery 最简单易用的表单验证插件
2010/02/27 Javascript
Jquery Ajax学习实例5 向WebService发出请求,返回泛型集合数据的异步调用
2010/03/17 Javascript
Jquery 扩展方法
2010/05/06 Javascript
jQuery判断元素是否是隐藏的代码
2011/04/24 Javascript
js中的cookie的读写操作示例详解
2014/04/17 Javascript
javascript折半查找详解
2015/01/26 Javascript
基于JavaScript实现移动端点击图片查看大图点击大图隐藏
2015/11/04 Javascript
jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
2015/11/25 Javascript
iScroll.js 使用方法参考
2016/05/16 Javascript
angularjs 源码解析之scope
2016/08/22 Javascript
js给table赋值的实例代码
2016/10/13 Javascript
微信小程序左滑删除效果的实现代码
2017/02/20 Javascript
使用express搭建一个简单的查询服务器的方法
2018/02/09 Javascript
一次记住JavaScript的6个正则表达式方法
2018/02/22 Javascript
layer弹出层自定义提交取消按钮的例子
2019/09/10 Javascript
vue使用过滤器格式化日期
2021/01/20 Vue.js
[15:56]Heroes18_暗影萨满(完美)
2014/10/31 DOTA
Windows下实现Python2和Python3两个版共存的方法
2015/06/12 Python
python检索特定内容的文本文件实例
2018/06/05 Python
python中使用zip函数出现错误的原因
2018/09/28 Python
python实现控制电脑鼠标和键盘,登录QQ的方法示例
2019/07/06 Python
Python跑循环时内存泄露的解决方法
2020/01/13 Python
使用css如何制作时间ICON方法实践
2012/11/12 HTML / CSS
《九色鹿》教学反思
2014/02/27 职场文书
先进个人事迹材料范文
2014/12/30 职场文书
领导干部失职检讨书
2015/05/05 职场文书
党支部评议意见
2015/06/02 职场文书
地球上的星星观后感
2015/06/02 职场文书
宾馆安全管理制度
2015/08/06 职场文书
如何利用python创作字符画
2022/06/25 Python