Compression

Author: sasoria

package-lock.json

@@ -41,6 +41,7 @@
     "rollup-plugin-import-map": "3.0.0",
     "vite": "3.2.4",
     "vite-plugin-environment": "1.1.3",
+    "vite-plugin-compression": "0.5.1",
     "vite-plugin-mock": "2.9.6",
     "vitest": "0.25.2"
   },

package.json

@@ -3,12 +3,19 @@ const cors = require("cors");
 const path = require("path");
 const basePath = "/tms-min-side-varslinger";
 const buildPath = path.resolve(__dirname, "../dist");
+const expressStaticGzip = require("express-static-gzip");
 const server = express();
 const corsAllowedOrigin = process.env.CORS_ALLOWED_ORIGIN || "http://localhost:3000";
 
 server.use(cors({ origin: corsAllowedOrigin }));
 
-server.use(basePath, express.static(buildPath));
+server.use(
+  basePath,
+  expressStaticGzip(buildPath, {
+    enableBrotli: true,
+    orderPreference: ["br"],
+  })
+);
 
 server.get(`${basePath}/internal/isAlive`, (req, res) => {
   res.sendStatus(200);

server/server.js

@@ -3,6 +3,7 @@ import react from "@vitejs/plugin-react";
 import { viteMockServe } from "vite-plugin-mock";
 import { rollupImportMapPlugin } from "rollup-plugin-import-map";
 import EnvironmentPlugin from "vite-plugin-environment";
+import viteCompression from "vite-plugin-compression";
 import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
 import { terser } from "rollup-plugin-terser";
 import { resolve } from "path";
@@ -23,6 +24,12 @@ export default ({ command }) => ({
     EnvironmentPlugin({
       NODE_ENV: process.env.NODE_ENV || "development",
     }),
+    viteCompression({
+      algorithm: "gzip",
+    }),
+    viteCompression({
+      algorithm: "brotliCompress",
+    }),
     viteMockServe({
       mockPath: "mock",
       localEnabled: command === "serve",