PHP合并CSS、JS优化前端方法

作者:欧阳 发布时间:2021年09月05日 阅读: 233 分类:学习笔记

利用php的foreach函数合并文件夹下的js文件

<?php
/**
    *JavaScript 合并压缩
    *https://blog.ouyang.wang/daybook/js-css-compress-scripts.html
*/
header( 'Content-type: application/javascript' );
foreach( glob( '*.js' ) as $file ){
include( $file );
echo "\n";
}
?>

只需要将上述内容保存为js.php,直接在前端引用即可。如优先需要读取jquery.min.js,在文件前面加个1即可,如1jquery.min.js。foreach优先数字,然后英文字母。

合并CSS或txt等都是同理

<?php
/**
    *CSS 合并压缩
    *https://blog.ouyang.wang/daybook/js-css-compress-scripts.html
*/
header( 'Content-type: text/css' );
foreach( glob( '*.css' ) as $file ){
include( $file );
echo "\n";
}

引用如:

<link href="/template/plana/css/css.php" rel="stylesheet" type="text/css">
<script language="javascript"  src="/template/plana/js/js.php"></script>

注意一点就只是读取当前文件夹下的js或css文件,一般也够用了。

如果您还有什么疑惑或建议,欢迎在下方评论区继续讨论。
如果您觉得本文还不错,欢迎分享/打赏本文。当然,如果你无视它,也不会影响你的阅读。再次表示欢迎和感谢!

标签: CSS

添加新评论 »