PHP壓縮javascritp 與CSS的例子

首先將所有 CSS 放到一個目錄裡，然後在此目錄建立一個空的 CSS 檔案，命名為 css.php（其實除了尾碼命名隨便）。

然後在 PHP 檔案裡放下邊的代碼：

代碼如下

複製代碼

<?php header('Content-type: text/css'); ob_start("compress"); function compress($buffer) {  $buffer = preg_replace('!/*[^*]**+([^/][^*]**+)*/!', '', $buffer);  $buffer = str_replace(array("rn", "r", "n", "t", '  ', '    ', '    '), '', $buffer);  return $buffer; } /*include('colorpicker.css'); include('jquery-ui.css'); include('style.css'); include('switchery.min.css');*/ foreach( glob( "*.css" ) as $filename ) include $filename; ob_end_flush(); 引入 CSS 檔案的代碼換成引入這個 PHP 檔案，例如： <link rel='stylesheet' id='style-css'  href='/css/css.php' type='text/css' media='all' />

壓縮多個css為一個css

代碼如下

複製代碼

<?php /* Compress multiple CSS files into one and cache for an hour. Use the same code for Javascript, but replace below "text/css" with "text/javascript" and of course make sure you include .js files instead of .css ones. */  www.111cn.net ob_start("ob_gzhandler"); header("Content-type: text/css; charset: UTF-8");     header("Expires: ".gmdate("D, d M Y H:i:s", time() + 60*60)." GMT"); include('somefile.css'); echo "nn"; include('anotherfile.css'); echo "nn"; ob_flush();

下面整理可壓縮css,js的函數

代碼如下

複製代碼

/**  * 合并css樣式為一個檔案  *  * @param unknown_type $urls  * @param unknown_type $path  * @param unknown_type $tmpl_path  * @return unknown  */ function parse_css($urls,$path="./static/",$tmpl_path='.'){     $url = md5(implode(',',$urls));     $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 = preg_replace("/[rn]/",'',$css_content);         $css_content = str_replace("../images/",$tmpl_path."/images/",$css_content);         @file_put_contents($css_url,$css_content);     }     return $css_url; } /**  * 合并js www.111cn.net為一個檔案  *  * @param unknown_type $urls  * @param unknown_type $path  * @return unknown  */ function parse_script($urls,$path="./static/"){     $url = md5(implode(',',$urls));     $js_url = $path.$url.'.js';     if(!file_exists($js_url))     {         if(!file_exists($path))mkdir($path,0777);         require_once "inc/javascriptpacker.php";         $js_content = '';         foreach($urls as $url)         {             $append_content = @file_get_contents($url)."rn";             $packer = new JavaScriptPacker($append_content);             $append_content = $packer->pack();             $js_content .= $append_content;         }         @file_put_contents($js_url,$js_content);     }     return $js_url; } 前台 js調用 <?php $pagejs[] = $tplurl."js/jump.js"; $jsfile=parse_script($pagejs,"./template/default/js/","."); ?> <script type="text/javascript" src="<?=$jsfile?>"></script> css調用 <?php $pagecss[] = $tplurl."style/index_top.css"; $pagecss[] = $tplurl."style/index.css"; $cssfile=parse_css($pagecss,"./template/default/style/","."); ?> <link rel="stylesheet" type="text/css" href="<?=$cssfile?>" />

PHP 檔案裡就包含了所有被壓縮的 CSS 代碼，而且可以自動引入 CSS 目錄裡的所有 CSS 檔案，不用在建立 CSS 檔案的時候再修改這個 PHP 檔案。