PHP小技巧之JS和CSS優化工具Minify的使用方法

2024-05-04 23:23:45

字體：大中小

來源：轉載

供稿：網友

一、實現合并和壓縮多個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("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;
}

只是個簡單原型，沒有封裝。另外，合并后的文件記得配合緩存

二、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模塊開啟