How to dynamically compress js and css files using PHP-PHP Tutorial-php.cn

Home

Backend Development

PHP Tutorial

How to dynamically compress js and css files using PHP

May 02, 2018 pm 04:39 PM

css javascript

这篇文章主要介绍了关于PHP实现动态压缩js与css文件的方法，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

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

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

使用

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

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

Copy after login

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

示例：

1 2	`4e387d5edce14cc2bd6396f6ebb7921b.css` `7c10211f113f3175489196d336d67734.js`

Copy after login

注意：

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

引用的资源

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

Copy after login

项目里引用到第三方类库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&#39;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, &#39;\0&#39; packed then unpacked becomes &#39;\&#39;.
 * ----------------------------------------------------------------------
 *
 * Changes:
 * 2014-08-28: grkalik: change class for composer support. no functionality change.
 *
 */