PHP引入合并多个JS和CSS文件实例

这篇文章主要实现了PHP合并并输出多个JS和CSS文件的实现方法,这里使用了一个比较简单的方法,重在揭示实现原理,需要的朋友可以参考下。

为什么要这样子做呢?其实很简单,就是用php来判断终端类型的不同,从而实现一种非主流的响应式布局。如果恰好你也有这样的想法那你就来对地方了,如果你不知吾所云,那么就当我是个神经病,下面的代码里没有加入终端类型的判断,只是实现了js 和 css的引入和输出,顺便做了一下压缩。清楚了注释和换行等!

不罗嗦了下面看代码:

1、HTML代码:

<link rel="stylesheet" type="text/css" href="you.php get=base,style1,style2,global&path=css/&type=css&v=20180829" />
<script type="text/javascript" src="you.php?get=jquery-1.6.4.min.js,minjquery.js,minjquery.ui.js,test.js,global.js&path=js/&type=js&v=20180829"></script>

2、PHP代码:

<?php
if(isset($_GET)) {
    //输出JS
    if($_GET['type']=="js"){
        header ("Content-type:application/x-javascript; Charset: utf-8");
            $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("/\/\/\s*[a-zA-Z0-9_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*/", "", $str); // 删除单行注释
            $str = preg_replace("/\/\*[^\/]*\*\//s", "", $str);// 删除多行注释
            echo $str;
        
        }
    //输出CSS
    if($_GET['type']=="css"){
        header ("content-type:text/css; charset: utf-8");
        $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("/\/\*[^\/]*\*\//s", "", $fc); 
        echo $fc; 
    }
}
?>

3、参数说明:

type  #引入文本类型,css 或 js
get   #为文件名,多个css或js可以用半角的逗号分隔。例如 base,style1,style2,global
path  #为路径,可以设置相对路径。例如 style/css/  style/js/ 以“/”结尾
#配合伪静态规则来使用会更好。

 

posted @ 2024-04-27 03:55  落花之语  阅读(30)  评论(0编辑  收藏  举报