nginx-http-concat.md

nginx-http-concat

nginx-http-concat是一个nginx扩展模块, 用来合并http请求

1. 下载

访问 https://github.com/alibaba/nginx-http-concat/releases 官网下载最新的源包, 如:

# 下载
wget https://github.com/alibaba/nginx-http-concat/archive/1.2.2.tar.gz

# 解压并记录解压后的目录
tar xzf 1.2.2.tar.gz

2. 安装

使用 编译安装 , 在配置configure时添加参数:

# 配置
./configure 其他编译参数 --add-module=/刚才解压的目录

# 安装
[sudo] make
[sudo] make install

注意: 如果是重新编译安装时不要运行make install, 可参数: 重新编译安装

如我的配置:

./configure --prefix=/home/work/local/nginx-1.11.2 
    --conf-path=/home/work/local/nginx-conf/conf/nginx.conf 
    --pid-path=/var/run/nginx.pid --lock-path=/var/run/nginx.lock 
    --http-client-body-temp-path=/var/cache/nginx/client_temp 
    --http-proxy-temp-path=/var/cache/nginx/proxy_temp 
    --user=nginx 
    --group=nginx 
    --with-http_ssl_module 
    --with-http_realip_module 
    --with-http_dav_module 
    --with-http_gzip_static_module 
    --with-http_v2_module 
    --add-module=/home/work/src/nginx-http-concat-1.2.2

如果有多个 --add-module 分别对应写上即可

3. 配置

使用 location 匹配到你想要匹配的路径, 对其设置参数:

server {
    location /static/css/ {
        concat on;
        concat_types text/css;
        concat_max_files 20;
    }
        
    location /static/js/ {
        concat on;
        concat_types application/javascript;
        concat_max_files 30;
    }
}

重启服务, 如: nginx -s reload

更新配置项点击: https://github.com/alibaba/nginx-http-concat#module-directives

4. 使用

现在就可以通过url中的??来合并了, 比如: /static/css/??a.css,path/b.css