在OpenResty中使用淘宝的concat进行css和js合并,同时支持GZIP静态压缩

时间:2021-11-09 09:27:44

=======================================================================================
cd /usr/local/src/
wget https://github.com/alibaba/nginx-http-concat/archive/master.zip -O nginx-http-concat-master.zip
unzip nginx-http-concat-master.zip

重新编译
./configure --prefix=/usr/local/openresty --with-http_stub_status_module --with-http_gzip_static_module --with-luajit --add-module=/usr/local/src/nginx-http-concat-master
make
make install

查看一下:nginx -V
=======================================================================================
vi /usr/local/openresty/nginx/conf/mime.types
 
修改:application/javascriptjs;
为:
application/x-javascriptjs;
=======================================================================================
修改nginx.conf
  gzip_static on;
    gzip on;
    gzip_min_length 1k;
    gzip_buffers 4 16k;
    gzip_comp_level 4;
    gzip_types text/plain text/css application/javascript application/x-javascript text/xml application/xml text/javascript application/json;
    gzip_http_version 1.1;
    gzip_disable "MSIE [1-6].";
    gzip_vary on;

location / {
            root   html;
            index  index.html index.htm;

concat on;
            concat_max_files 20;
            concat_unique off;
        }
service nginx restart
http://10.10.100.145/??1.js,2.js,3.js

http://10.10.100.145/??demo.css,zTreeStyle.css,setup.css

测试通过,不支持gzip静态压缩
=========================================================================================