最近在梳理一套老系统,技术栈是backbone(主要用modal)+react(view/jsx)、整体采用 requireejs异步加载jsx/js。但是文件细分太多,导致编辑页面打开需要加载很多资源,而且体积都不小。
本文主要是聚焦于开启gzip压缩.
下面是tomcat的设置
![](https://i-blog.csdnimg.cn/blog_migrate/7e7fe2cae61028607ae135a2de541152.png)
1-1.png
其中Web.xml增加对jsx文件类型的支持
![](https://i-blog.csdnimg.cn/blog_migrate/bae9b31aa335cd28be7e598e180727b8.png)
1-2.png
nginx配置如下
![](https://i-blog.csdnimg.cn/blog_migrate/9c9fc97d612820bd0890428b3af3381f.png)
1-3.png
![](https://i-blog.csdnimg.cn/blog_migrate/ab5ac98dc0850cf12f2d2acd601328ec.png)
1-4.png
![](https://i-blog.csdnimg.cn/blog_migrate/8aa398f861b871ce06664bc6df66bb09.png)
1-5.png
需要注意: gzip_types 配置值之间是空格分开,不是逗号
gzip_types text/html text/xml application/xml application/xhtml+xml text/javascript application/x-javascript application/javascript text/css text/plain image/svg+xml image/gif image/png image/jpg application/json;
nginx 配置完后,最好进行检查下
nginx -t