使用 PHP 快速合并多个 CSS 和 JavaScript 文件

  • 内容
  • 评论
  • 相关

如果你制作的项目中需要引入大量的 CSS 和 JS 文件,会导致多个请求拖慢加载的速度,而且不利于管理。

使用一个简单的 PHP 文件就能将它们合并到一起,而且管理起来非常方便。

CSS 合并压缩

将下边的代码保存成一个文件,然后放到存储 CSS 文件的目录:

<?php
/**
	*CSS 合并压缩
	*https://www.bgbk.org/compress-multiple-scripts/
*/
header( 'Content-type: text/css' );
foreach( glob( '*.css' ) as $file ){
	include( $file );
	echo "\n";
}

然后在引入 CSS 的时候只需要引入这一个 PHP 文件,它会自动把所在目录的所有 CSS 全部合并到一起。

JS 合并压缩

合并 JS 也是同理:

<?php
/**
	*JavaScript 合并压缩
	*https://www.bgbk.org/compress-multiple-scripts/
*/
header( 'Content-type: application/javascript' );
foreach( glob( '*.js' ) as $file ){
	include( $file );
	echo "\n";
}

不过,JavaScript 有可能会有引入顺序的要求,这样就手动引入文件来调整顺序:

<?php
/**
	*JavaScript 合并压缩
	*https://www.bgbk.org/compress-multiple-scripts/
*/
header( 'Content-type: application/javascript' );
include( 'jquery.min.js' );
include( 'jquery.ui.min.js' );
include( 'nprogress.js' );
include( 'base.js' );

评论

42条评论
  1. Gravatar 头像

    7080电影 回复

    阅读使人充实,会谈使人敏捷,写作使人精确。——培根

  2. Gravatar 头像

    齐鲁电影 回复

    与肝胆人共事,无字句处读书。——周恩来

  3. Gravatar 头像

    yy4410 回复

    主题没有页面的一些模板么,页面制作有点困难

  4. Gravatar 头像

    阳光电影 回复

    可能会有引入顺序的要求,这样就手动引入文件来调整顺序

  5. Gravatar 头像

    微信资源网 回复

    谢谢博主分享:我们是一个非常有潜力的微信资源网站。欢迎博主回访。

  6. Gravatar 头像

    yy4080 回复

    JavaScript 可以在服务器上使用吗?》

发表评论

电子邮件地址不会被公开。 必填项已用*标注