feat: compress assets using gzip

package.json

@@ -62,6 +62,7 @@
     "aegir": "^38.1.8",
     "babel-cli": "^6.26.0",
     "babel-loader": "^9.1.2",
+    "compression-webpack-plugin": "^10.0.0",
     "copy-webpack-plugin": "^11.0.0",
     "css-loader": "^6.7.3",
     "dexie": "^3.2.3",

webpack.config.js

@@ -5,7 +5,9 @@ import { fileURLToPath } from 'url'
 import CopyWebpackPlugin from 'copy-webpack-plugin'
 import NodePolyfillPlugin from 'node-polyfill-webpack-plugin'
 import HtmlWebpackPlugin from 'html-webpack-plugin'
+import CompressionPlugin from 'compression-webpack-plugin'
 // import {GenerateSW} from 'workbox-webpack-plugin';
+import zlib from 'zlib'
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url))
 
@@ -62,7 +64,7 @@ const prod = {
           })
         })
       }
-    }
+    },
   ]
 }
 
@@ -150,6 +152,17 @@ const common = {
 
     new webpack.DefinePlugin({
       window: 'globalThis' // attempt to naively replace all "window" keywords with "globalThis"
+    }),
+    new CompressionPlugin({
+      algorithm: 'gzip',
+      test: /\.(js|css|html|svg)$/,
+      exclude: /.map$/,
+      compressionOptions: {
+        level: 9,
+        numiterations: 15,
+        minRatio: 0.8,
+        deleteOriginalAssets: true,
+      }
     })
   ],