Minify：服务端合并和压缩JavaScript和CSS文件

最新推荐文章于 2024-08-28 08:10:37 发布

衲哥

最新推荐文章于 2024-08-28 08:10:37 发布

阅读量1.4k

点赞数

文章标签： minify javascript css url apache .htaccess

本文链接：https://blog.csdn.net/lijun2030/article/details/5910104

版权

Minify是PHP应用程序，通过合并、精简、Gzip压缩和缓存JavaScript和CSS文件来提高网站的性能。 www.AFITY.com

Minify默认使用格式：

2.8.0r4/build/yahoo-dom-event/yahoo-dom-event.js,

2.8.0r4/build/container/container_core-min.js,

2.8.0r4/build/menu/menu-min.js,

2.8.0r4/build/element/element-min.js,

2.8.0r4/build/button/button-min.js,

2.8.0r4/build/editor/editor-min.js"></script>

本地使用Minify很简单，只需要Apache + PHP环境就OK了：

安装好Apache + PHP (Windows、Mac)。下载Minify源码，解压，然后把min文件夹复制到指定的根目录下，比如localhost。这时URL的写法大概是http://localhost/min/f=...

启用Apache的Mod Rewrite模块，然后在min文件夹下新建.htaccess文件，并添加如下Rewrite规则：

RewriteEngine on

# You may need RewriteBase on some servers

#RewriteBase /min

# rewrite URLs like "/min/f=..." to "/min/?f=..."

RewriteRule ^([bfg]=.*) index.php?$1 [L,NE]

</IfModule>

如果不启用Mod Rewrite功能，则Minify的URL会类似http://localhost/min/index.php?f=…，这对客户端和中间服务器的缓存不利，而启用了Mod Rewrite之后的URL类似http://localhost/min/f=…，不仅解决前面问题且更短。

配置Minify，即编辑min/config.php文件

$min_enableBuilder = true;

//本地使用时可以通过http://dwn/min/builder/来进行配置，外部使用时请设置为false

//$min_cachePath = 'c://WINDOWS//Temp';

//$min_cachePath = '/tmp';

//$min_cachePath = preg_replace('/^//d+;/', '', session_save_path());

//选择其一，去掉注释设置临时缓存目录，这样可以减少程序运算提高性能

$min_serveOptions['maxAge'] = 1800;

//设置浏览器缓存的时间，为了提升性能建议这个时间设置尽可能的长，比如315360000

//如果需要在不改变URL的情况下更新静态文件，可以采用类似时间戳的方式，

//如http://localhost/min/f=example/example.css&20100601.css

//建议静态文件采用版本号管理，每次修改都需要升级版本号，这样就无需时间戳了，

//如http://localhost/min/f=example/example_1_0_1.css

$min_serveOptions['minApp']['maxFiles'] = 10;

//参数f获取参数的个数，即合并的文件个数，这个数量完全可以增大，比如50，

//当然可能会遇到URL最大值问题，后会有解释

使用Minify

比如，有两个JavaScript文件，http://localhost/example/a.js,http://localhost /example/b.js，那么使用Minify合并的URL是http://localhost/min/f=/example/a.js, /example/b.js，直接把这个URL放到页面中就可以使用了。

实际上Minify不仅仅实现了合并功能，同时默认在合并的同时还会对文件进行精简压缩，如果你在本地本身就对文件进行压缩了，比如使用YUI Compressor，那么可以在config.php中进行如下设置取消Minify的压缩以提升性能：

$min_serveOptions['minifiers']['application/x-javascript'] = '';

$min_serveOptions['minifiers']['text/css'] = '';

如果服务端支持Java，那么也可以对Minify进行简单配置而实现利用YUI Compressor压缩JavaScript和CSS文件。

直接在服务端进行合并和压缩，这非常的灵活，也极大的减轻了前端开发成果的部署过程，真使事半功倍。更多配置请看Minify CookBook和Wiki

小提示：Minify使用的New BSD License，这就意味着使用者可以几乎自由的使用该代码。BSD协议鼓励代码共享，但需要尊重代码作者的著作权。BSD由于允许使用者修改和重新发布代码，也允许使用或在BSD代码上开发商业软件发布和销售，因此是对商业集成很友好的协议。而很多的公司企业在选用开源产品的时候都首选BSD协议，因为可以完全控制这些第三方的代码，在必要的时候可以修改或者二次开发。