feat(layout): 调整基础布局结构与样式

vite-plugins/09.index-html-plugin.ts

@@ -0,0 +1,28 @@
+import type { PluginOption } from 'vite';
+import { minify as minifyHtml } from 'html-minifier-terser';
+
+function IndexHtmlPlugin(): PluginOption {
+  return {
+    name: 'index-html-plugin',
+    apply: 'build',
+    async transformIndexHtml(html) {
+      console.time('minifyHtml');
+      // 压缩 HTML
+      const minifiedHtml = await minifyHtml(html, {
+        collapseWhitespace: true,
+        removeComments: true,
+        removeRedundantAttributes: true,
+        removeScriptTypeAttributes: true,
+        removeStyleLinkTypeAttributes: true,
+        useShortDoctype: true,
+        minifyCSS: true,
+        minifyJS: true,
+      });
+      console.log();
+      console.timeEnd('minifyHtml');
+      return minifiedHtml;
+    },
+  };
+}
+
+export default [IndexHtmlPlugin()] satisfies PluginOption[];