nginx增加gzip压缩，webpack预压缩gz文件

.umirc.ts

@@ -1,4 +1,5 @@
 import { defineConfig } from 'umi';
+const CompressionPlugin = require('compression-webpack-plugin');
 
 export default defineConfig({
   hash: true,
@@ -14,4 +15,15 @@ export default defineConfig({
       changeOrigin: true,
     },
   },
+  chainWebpack(memo) {
+    memo.plugin('CompressionPlugin').use(
+      new CompressionPlugin({
+        filename: '[path][base].gz',
+        algorithm: 'gzip',
+        test: /\.js$|\.css$|\.html$/,
+        threshold: 10240,
+        minRatio: 0.8,
+      }),
+    );
+  },
 });

docker/front.conf

@@ -11,6 +11,15 @@ server {
     proxy_pass http://api;
   }
 
+  gzip on;
+  gzip_static on;    
+  gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;
+  gzip_proxied  any;
+  gzip_vary on;
+  gzip_comp_level 6;
+  gzip_buffers 16 8k;
+  gzip_http_version 1.1;  
+
   location / {
     index  index.html index.htm;
     try_files $uri $uri/ /index.html;

package.json

@@ -57,6 +57,7 @@
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
     "@umijs/test": "^3.3.9",
+    "compression-webpack-plugin": "6.1.1",
     "lint-staged": "^10.0.7",
     "nodemon": "^2.0.4",
     "prettier": "^2.2.0",