nginx-http-concat添加nginx资源请求合并功能

上一篇讲到公司的PC官网商城的 js css 是使用Nginx来合并的。我个人还是觉得这种方式蛮奇怪的，即便这个Nginx模块还是阿里开发的。

由于我本身已经安装了LNMP一键安装包，所以需要覆盖安装。

1、添加nginx编译脚本

1) 查看当前nginx版本，命令：/usr/local/nginx/sbin/nginx  -v

2) 下载相应的nginx源码版本，地址：http://nginx.org/download/

2、添加nginx-http-concat源码

1) git clone，git地址：https://github.com/alibaba/nginx-http-concat

2) 解压到任意地方：/usr/local/nginx/third_module/nginx-http-concat

3、执行重新编译

1) 查看当前nginx编译参数，执行命令：/usr/local/sbin/nginx -V

2) 进入下载后的nginx源码目录，在之前获取的编译参数中最后添加：–add-module=/usr/local/nginx/thrid_module/nginx-http-concat，执行添加后的命令。

3) 执行编译命令：make，不用执行make install

4) 编译完后，当前nginx源码目录下生成objs目录则说明编译成功

4、覆盖nginx执行脚本

1) 备份当前nginx执行脚本，命令：cp /usr/local/nginx/sbin/nginx  /usr/local/nginx/sbin/nginx.bak。如果拷贝出错，则将nginx进行杀掉再进行。

2) 拷贝上一步骤编译后的新nginx脚本，命令：cp /nginx-1.10.0/objs/nginx   /usr/local/nginx/sbin/

3) 查看编译参数，命令：/usr/local/nginx/sbin/nginx -V，如果编译参数中存在刚添加的模块，则说明编译成功

4) 重启nginx

二、配置使用nginx-http-concat模块

location /css/ {
    concat on;
    concat_max_files 20;
    concat_unique off;
}
location /js/ {
    concat_types application/javascript;
    concat on;
    concat_max_files 20;
    concat_unique off;
}