一、實(shí)現(xiàn)合并和壓縮多個(gè)JS和CSS文件的代碼

HTML：

復(fù)制代碼 代碼如下:
<link rel="stylesheet" type="text/css" href="cssmin.php?get=base,style1,style2,global&path=css/&v=20131023" />
<script type="text/Javascript" src="jsmin.php?get=jquery-1.6.4.min.js,minjquery.js,minjquery.ui.js,test.js,global.js&path=js/&v=20131023"></script>

php：

復(fù)制代碼 代碼如下:
//輸出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("http://////s*[a-zA-Z0-9_/x7f-/xff][a-zA-Z0-9_/x7f-/xff]*/", "", $str);
 // 刪除多行注釋
 $str = preg_replace("http:////*[^//]*/*///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("http:////*[^//]*/*///s", "", $fc);
 echo $fc;
}

只是個(gè)簡(jiǎn)單原型，沒有封裝。另外，合并后的文件記得配合緩存

二、Minify的使用方法

1、從code.google.com/p/minify/下載最新版Minify并解壓縮，將"min"文件夾連同里面的內(nèi)容一起復(fù)制到DOCUMENT_ROOT目錄下（即網(wǎng)站跟目錄）。

可以修改文件夾名"min"

2、在"min/groupsConfig.php"里配置g參數(shù)

復(fù)制代碼 代碼如下:
return array(
  // 'js' => array('//js/file1.js', '//js/file2.js'),
  // 'css' => array('//css/file1.css', '//css/file2.css'),
);

3、在網(wǎng)頁(yè)中按照如下方式引用就可以了：

<script type="text/Javascript" src="/min/g=js&20140519"></script>

后面的數(shù)字可以用更新日期來(lái)作標(biāo)志，"min"和步驟1里的名稱對(duì)應(yīng)。

4、性能優(yōu)化，請(qǐng)參考code.google.com/p/minify/wiki/CookBook

注意：

1、需要將httpd.conf里的rewrite_module模塊開啟

2、開發(fā)過(guò)程中，可以將調(diào)試模式開啟，開發(fā)完畢后再將調(diào)試模式關(guān)閉，可以利用火狐瀏覽器的firebug來(lái)查看

復(fù)制代碼 代碼如下:
$min_allowDebugFlag = true

php技術(shù)：PHP小技巧之JS和CSS優(yōu)化工具M(jìn)inify的使用方法，轉(zhuǎn)載需保留來(lái)源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。