feat: minify html

Author: lishaduck

bun.lockb

@@ -39,12 +39,14 @@
     "@sherifforg/types": "^3.0.0",
     "@types/bun": "^1.0.7",
     "@types/eslint": "^8.56.3",
+    "@types/html-minifier-terser": "^7.0.2",
     "@vite-pwa/assets-generator": "^0.2.4",
     "browserslist": "^4.23.0",
     "browserslist-to-esbuild": "^2.1.1",
     "eslint": "^8.56.0",
     "eslint-config-sheriff": "^18.1.0",
     "eslint-define-config": "^2.1.0",
+    "html-minifier-terser": "^7.2.0",
     "lightningcss": "^1.24.0",
     "prettier": "3.2.5",
     "turbo": "^1.12.4",

package.json

@@ -4,6 +4,7 @@ import browserslistToEsbuild from "browserslist-to-esbuild";
 import { browserslistToTargets } from "lightningcss";
 import { defineConfig } from "vite";
 import { VitePWA } from "vite-plugin-pwa";
+import { minify } from "html-minifier-terser";
 
 const browsersList = browserslist();
 const basename = "/GPA_Calculator/";
@@ -29,6 +30,28 @@ export default defineConfig({
     },
   },
   plugins: [
+    {
+      name: "html-minify", // Name of the plugin
+      transformIndexHtml: {
+        order: "post",
+        handler: async (html: string): Promise<string> =>
+          minify(html, {
+            removeAttributeQuotes: true,
+            collapseWhitespace: true,
+            removeComments: true,
+            removeRedundantAttributes: true,
+            useShortDoctype: true,
+            removeEmptyAttributes: true,
+            collapseBooleanAttributes: true,
+            minifyURLs: true,
+            collapseInlineTagWhitespace: true,
+            decodeEntities: true,
+            noNewlinesBeforeTagClose: true,
+            removeStyleLinkTypeAttributes: true,
+            removeScriptTypeAttributes: true,
+          }),
+      },
+    },
     VitePWA({
       strategies: "injectManifest",
       injectManifest: {