🔧工具(deps): add deps: vite-plugin-html

2024-03-21 14:01:53 +08:00
parent c0ea4c40b0
commit 2b1c06608b
7 changed files with 298 additions and 116 deletions
--- a/.env.development
+++ b/.env.development
@@ -1,11 +1,13 @@
-# 开发环境配置
-VITE_NODE_ENV='development'
-
-# 开发环境
-VITE_APP_BASE_API='/dev-api'
-
-# 页面 title 前缀
-VITE_APP_TITLE=开发环境
-
-# 网络请求公用地址
-VITE_API_BASE_URL=''
+# 开发环境配置
+VITE_NODE_ENV='development'
+
+# 开发环境
+VITE_APP_BASE_API='/dev-api'
+
+# 页面 title 前缀
+VITE_APP_TITLE=开发环境
+
+# 网络请求公用地址
+VITE_API_BASE_URL=''
+
+VITE_TITLE_NAME='五味子云相册'
--- a/.env.production
+++ b/.env.production
@@ -1,10 +1,12 @@
-# 生产环境配置
-VITE_NODE_ENV= 'production'
-# 生产环境
-VITE_APP_BASE_API = '/api'
-
-# 页面 title 前缀
-VITE_APP_TITLE=生产环境
-
-# 网络请求公用地址
-VITE_API_BASE_URL=''
+# 生产环境配置
+VITE_NODE_ENV= 'production'
+# 生产环境
+VITE_APP_BASE_API = '/api'
+
+# 页面 title 前缀
+VITE_APP_TITLE=生产环境
+
+# 网络请求公用地址
+VITE_API_BASE_URL=''
+
+VITE_TITLE_NAME='五味子云相册'
--- a/index.html
+++ b/index.html
@@ -1,80 +1,80 @@
-<!doctype html>
-<html lang="en">
-<head>
-	<meta charset="UTF-8" />
-	<link rel="icon" type="image/svg+xml" href="/schisandra.svg" />
-	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-	<title>五味子云相册</title>
-</head>
-<body>
-<div id="app">
-	<!-- 核心代码-开始-->
-	<style>
-		html,
-		body,
-		#app {
-			width: 100%;
-			height: 100%;
-			display: flex;
-			position: relative;
-			justify-content: center;
-			align-items: center;
-			overflow: hidden;
-		}
-
-		.loader,
-		.loader:before,
-		.loader:after {
-			border-radius: 50%;
-			width: 2.5em;
-			height: 2.5em;
-			animation-fill-mode: both;
-			animation: loadAnimation 1.8s infinite ease-in-out;
-		}
-
-		.loader {
-			color: #406eeb;
-			font-size: 10px;
-			margin: 80px auto;
-			position: relative;
-			text-indent: -9999em;
-			transform: translateZ(0);
-			animation-delay: -0.16s;
-			top: 0;
-			transform: translate(-50%, 0);
-		}
-
-		.loader:before,
-		.loader:after {
-			content: "";
-			position: absolute;
-			top: 0;
-		}
-
-		.loader:before {
-			left: -3.5em;
-			animation-delay: -0.32s;
-		}
-
-		.loader:after {
-			left: 3.5em;
-		}
-
-		@keyframes loadAnimation {
-			0%,
-			80%,
-			100% {
-				box-shadow: 0 2.5em 0 -1.3em;
-			}
-
-			40% {
-				box-shadow: 0 2.5em 0 0;
-			}
-		}
-	</style>
-	<div class="loader"></div>
-	<!-- 核心代码-结束-->
-</div>
-<script type="module" src="/src/main.ts"></script>
-</body>
-</html>
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8" />
+	<link rel="icon" type="image/svg+xml" href="/schisandra.svg" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+	<title><%- title %></title>
+</head>
+<body>
+<div id="app">
+	<!-- 核心代码-开始-->
+	<style>
+		html,
+		body,
+		#app {
+			width: 100%;
+			height: 100%;
+			display: flex;
+			position: relative;
+			justify-content: center;
+			align-items: center;
+			overflow: hidden;
+		}
+
+		.loader,
+		.loader:before,
+		.loader:after {
+			border-radius: 50%;
+			width: 2.5em;
+			height: 2.5em;
+			animation-fill-mode: both;
+			animation: loadAnimation 1.8s infinite ease-in-out;
+		}
+
+		.loader {
+			color: #406eeb;
+			font-size: 10px;
+			margin: 80px auto;
+			position: relative;
+			text-indent: -9999em;
+			transform: translateZ(0);
+			animation-delay: -0.16s;
+			top: 0;
+			transform: translate(-50%, 0);
+		}
+
+		.loader:before,
+		.loader:after {
+			content: "";
+			position: absolute;
+			top: 0;
+		}
+
+		.loader:before {
+			left: -3.5em;
+			animation-delay: -0.32s;
+		}
+
+		.loader:after {
+			left: 3.5em;
+		}
+
+		@keyframes loadAnimation {
+			0%,
+			80%,
+			100% {
+				box-shadow: 0 2.5em 0 -1.3em;
+			}
+
+			40% {
+				box-shadow: 0 2.5em 0 0;
+			}
+		}
+	</style>
+	<div class="loader"></div>
+	<!-- 核心代码-结束-->
+</div>
+<script type="module" src="/src/main.ts"></script>
+</body>
+</html>
--- a/package.json
+++ b/package.json
@@ -57,6 +57,7 @@
 		"unplugin-imagemin": "^0.5.18",
 		"unplugin-vue-components": "^0.26.0",
 		"vite": "^5.1.6",
+		"vite-plugin-html": "^3.2.2",
 		"vue-tsc": "^1.8.27"
 	},
 	"config": {
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -133,6 +133,9 @@ devDependencies:
  vite:
    specifier: ^5.1.6
    version: 5.2.2(@types/node@20.11.30)(less@4.2.0)(terser@5.29.2)
+  vite-plugin-html:
+    specifier: ^3.2.2
+    version: 3.2.2(vite@5.2.2)
  vue-tsc:
    specifier: ^1.8.27
    version: 1.8.27(typescript@5.4.3)
@@ -2095,6 +2098,14 @@ packages:
    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
    dev: true

+  /@rollup/pluginutils@4.2.1:
+    resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
+    engines: {node: '>= 8.0.0'}
+    dependencies:
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+    dev: true
+
  /@rollup/pluginutils@5.1.0:
    resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
    engines: {node: '>=14.0.0'}
@@ -2755,6 +2766,10 @@ packages:
    resolution: {integrity: sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==}
    dev: false

+  /async@3.2.5:
+    resolution: {integrity: sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==}
+    dev: true
+
  /asynckit@0.4.0:
    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
    dev: false
@@ -3002,6 +3017,13 @@ packages:
    engines: {node: '>=6'}
    dev: true

+  /camel-case@4.1.2:
+    resolution: {integrity: sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==}
+    dependencies:
+      pascal-case: 3.1.2
+      tslib: 2.6.2
+    dev: true
+
  /caniuse-lite@1.0.30001599:
    resolution: {integrity: sha512-LRAQHZ4yT1+f9LemSMeqdMpMxZcc4RMWdj4tiFe3G8tNkWK+E58g+/tzotb5cU6TbcVJLr4fySiAW7XmxQvZQA==}
    dev: true
@@ -3076,6 +3098,13 @@ packages:
      static-extend: 0.1.2
    dev: false

+  /clean-css@5.3.3:
+    resolution: {integrity: sha512-D5J+kHaVb/wKSFcyyV75uCn8fiY4sV38XJoe4CUyGQ+mOU/fMVYUdH1hJC+CJQ5uY3EnW27SbJYS4X8BiLrAFg==}
+    engines: {node: '>= 10.0'}
+    dependencies:
+      source-map: 0.6.1
+    dev: true
+
  /cli-cursor@2.1.0:
    resolution: {integrity: sha512-8lgKz8LmCRYZZQDpRyT2m5rKJ08TnU4tR9FFFW2rxpxR1FzWi4PQ/NfyODchAatHaUgnSPVcx/R5w6NuTBzFiw==}
    engines: {node: '>=4'}
@@ -3201,6 +3230,11 @@ packages:
    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
    engines: {node: '>= 10'}

+  /commander@8.3.0:
+    resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==}
+    engines: {node: '>= 12'}
+    dev: true
+
  /commitizen@4.3.0(@types/node@20.11.30)(typescript@5.4.3):
    resolution: {integrity: sha512-H0iNtClNEhT0fotHvGV3E9tDejDeS04sN1veIebsKYGMuGscFaswRoYJKmT3eW85eIJAs0F28bG2+a/9wCOfPw==}
    engines: {node: '>= 12'}
@@ -3251,6 +3285,15 @@ packages:
    resolution: {integrity: sha512-eH3ZxAihl1PhKfpr4VfEN6/vUd87fmgb6JkldHgg/YR6aEBhW63qUDgzP2Y6WM0UumdsYp5H3kibalXAdHfbgg==}
    dev: true

+  /connect-history-api-fallback@1.6.0:
+    resolution: {integrity: sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==}
+    engines: {node: '>=0.8'}
+    dev: true
+
+  /consola@2.15.3:
+    resolution: {integrity: sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==}
+    dev: true
+
  /consola@3.2.3:
    resolution: {integrity: sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==}
    engines: {node: ^14.18.0 || >=16.10.0}
@@ -3364,7 +3407,6 @@ packages:
      domhandler: 4.3.1
      domutils: 2.8.0
      nth-check: 2.1.1
-    dev: false

  /css-select@5.1.0:
    resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==}
@@ -3595,7 +3637,6 @@ packages:
      domelementtype: 2.3.0
      domhandler: 4.3.1
      entities: 2.2.0
-    dev: false

  /dom-serializer@2.0.0:
    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
@@ -3623,7 +3664,6 @@ packages:
    engines: {node: '>= 4'}
    dependencies:
      domelementtype: 2.3.0
-    dev: false

  /domhandler@5.0.3:
    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
@@ -3645,7 +3685,6 @@ packages:
      dom-serializer: 1.4.1
      domelementtype: 2.3.0
      domhandler: 4.3.1
-    dev: false

  /domutils@3.1.0:
    resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==}
@@ -3655,6 +3694,13 @@ packages:
      domhandler: 5.0.3
    dev: true

+  /dot-case@3.0.4:
+    resolution: {integrity: sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==}
+    dependencies:
+      no-case: 3.0.4
+      tslib: 2.6.2
+    dev: true
+
  /dot-prop@5.3.0:
    resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==}
    engines: {node: '>=8'}
@@ -3662,6 +3708,11 @@ packages:
      is-obj: 2.0.0
    dev: true

+  /dotenv-expand@8.0.3:
+    resolution: {integrity: sha512-SErOMvge0ZUyWd5B0NXMQlDkN+8r+HhVUsxgOO7IoPDOdDRD2JjExpN6y3KnFR66jsJMwSn1pqIivhU5rcJiNg==}
+    engines: {node: '>=12'}
+    dev: true
+
  /dotenv@16.4.5:
    resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==}
    engines: {node: '>=12'}
@@ -3678,6 +3729,14 @@ packages:
    resolution: {integrity: sha512-SoRmbGStwNYHgKfjOrX2L0mUvp9bUVv0uPppZSOMAntEbcFtoC3MKF5b3T6HQPXKIV+QGY3xPO3JK5it5lVkuw==}
    dev: false

+  /ejs@3.1.9:
+    resolution: {integrity: sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+    dependencies:
+      jake: 10.8.7
+    dev: true
+
  /electron-to-chromium@1.4.713:
    resolution: {integrity: sha512-vDarADhwntXiULEdmWd77g2dV6FrNGa8ecAC29MZ4TwPut2fvosD0/5sJd1qWNNe8HcJFAC+F5Lf9jW1NPtWmw==}
    dev: true
@@ -3701,7 +3760,6 @@ packages:

  /entities@2.2.0:
    resolution: {integrity: sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==}
-    dev: false

  /entities@4.5.0:
    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
@@ -4068,6 +4126,12 @@ packages:
      flat-cache: 3.2.0
    dev: true

+  /filelist@1.0.4:
+    resolution: {integrity: sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==}
+    dependencies:
+      minimatch: 5.1.6
+    dev: true
+
  /fill-range@4.0.0:
    resolution: {integrity: sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==}
    engines: {node: '>=0.10.0'}
@@ -4190,7 +4254,6 @@ packages:
      graceful-fs: 4.2.11
      jsonfile: 6.1.0
      universalify: 2.0.1
-    dev: false

  /fs-extra@9.1.0:
    resolution: {integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==}
@@ -4441,6 +4504,20 @@ packages:
    resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==}
    dev: true

+  /html-minifier-terser@6.1.0:
+    resolution: {integrity: sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==}
+    engines: {node: '>=12'}
+    hasBin: true
+    dependencies:
+      camel-case: 4.1.2
+      clean-css: 5.3.3
+      commander: 8.3.0
+      he: 1.2.0
+      param-case: 3.0.4
+      relateurl: 0.2.7
+      terser: 5.29.2
+    dev: true
+
  /htmlparser2@3.10.1:
    resolution: {integrity: sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==}
    dependencies:
@@ -4769,6 +4846,17 @@ packages:
    engines: {node: '>=0.10.0'}
    dev: false

+  /jake@10.8.7:
+    resolution: {integrity: sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      async: 3.2.5
+      chalk: 4.1.2
+      filelist: 1.0.4
+      minimatch: 3.1.2
+    dev: true
+
  /jiti@1.21.0:
    resolution: {integrity: sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==}
    hasBin: true
@@ -5073,6 +5161,12 @@ packages:
      js-tokens: 4.0.0
    dev: false

+  /lower-case@2.0.2:
+    resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
+    dependencies:
+      tslib: 2.6.2
+    dev: true
+
  /lru-cache@5.1.1:
    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
    dependencies:
@@ -5223,6 +5317,13 @@ packages:
    dependencies:
      brace-expansion: 1.1.11

+  /minimatch@5.1.6:
+    resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
+    engines: {node: '>=10'}
+    dependencies:
+      brace-expansion: 2.0.1
+    dev: true
+
  /minimatch@9.0.3:
    resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==}
    engines: {node: '>=16 || 14 >=14.17'}
@@ -5353,10 +5454,24 @@ packages:
      sax: 1.3.0
    optional: true

+  /no-case@3.0.4:
+    resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
+    dependencies:
+      lower-case: 2.0.2
+      tslib: 2.6.2
+    dev: true
+
  /node-fetch-native@1.6.2:
    resolution: {integrity: sha512-69mtXOFZ6hSkYiXAVB5SqaRvrbITC/NPyqv7yuu/qw0nmgPyYbIMYYNIDhNtwPrzk0ptrimrLz/hhjvm4w5Z+w==}
    dev: true

+  /node-html-parser@5.4.2:
+    resolution: {integrity: sha512-RaBPP3+51hPne/OolXxcz89iYvQvKOydaqoePpOgXcrOKZhjVIzmpKZz+Hd/RBO2/zN2q6CNJhQzucVz+u3Jyw==}
+    dependencies:
+      css-select: 4.3.0
+      he: 1.2.0
+    dev: true
+
  /node-releases@2.0.14:
    resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
    dev: true
@@ -5536,6 +5651,13 @@ packages:
      p-limit: 4.0.0
    dev: true

+  /param-case@3.0.4:
+    resolution: {integrity: sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==}
+    dependencies:
+      dot-case: 3.0.4
+      tslib: 2.6.2
+    dev: true
+
  /parent-module@1.0.1:
    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
    engines: {node: '>=6'}
@@ -5562,6 +5684,13 @@ packages:
    engines: {node: '>=0.10.0'}
    dev: true

+  /pascal-case@3.1.2:
+    resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
+    dependencies:
+      no-case: 3.0.4
+      tslib: 2.6.2
+    dev: true
+
  /pascalcase@0.1.1:
    resolution: {integrity: sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==}
    engines: {node: '>=0.10.0'}
@@ -5611,7 +5740,6 @@ packages:

  /pathe@0.2.0:
    resolution: {integrity: sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==}
-    dev: false

  /pathe@1.1.2:
    resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
@@ -5875,6 +6003,11 @@ packages:
      jsesc: 0.5.0
    dev: true

+  /relateurl@0.2.7:
+    resolution: {integrity: sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==}
+    engines: {node: '>= 0.10'}
+    dev: true
+
  /repeat-element@1.1.4:
    resolution: {integrity: sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==}
    engines: {node: '>=0.10.0'}
@@ -6842,6 +6975,26 @@ packages:
      - supports-color
    dev: false

+  /vite-plugin-html@3.2.2(vite@5.2.2):
+    resolution: {integrity: sha512-vb9C9kcdzcIo/Oc3CLZVS03dL5pDlOFuhGlZYDCJ840BhWl/0nGeZWf3Qy7NlOayscY4Cm/QRgULCQkEZige5Q==}
+    peerDependencies:
+      vite: '>=2.0.0'
+    dependencies:
+      '@rollup/pluginutils': 4.2.1
+      colorette: 2.0.20
+      connect-history-api-fallback: 1.6.0
+      consola: 2.15.3
+      dotenv: 16.4.5
+      dotenv-expand: 8.0.3
+      ejs: 3.1.9
+      fast-glob: 3.3.2
+      fs-extra: 10.1.0
+      html-minifier-terser: 6.1.0
+      node-html-parser: 5.4.2
+      pathe: 0.2.0
+      vite: 5.2.2(@types/node@20.11.30)(less@4.2.0)(terser@5.29.2)
+    dev: true
+
  /vite-plugin-svg-icons@2.0.1(vite@5.2.2):
    resolution: {integrity: sha512-6ktD+DhV6Rz3VtedYvBKKVA2eXF+sAQVaKkKLDSqGUfnhqXl3bj5PPkVTl3VexfTuZy66PmINi8Q6eFnVfRUmA==}
    peerDependencies:
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -1,8 +1,7 @@
-import {useAuthStore} from "@/store/modules/user.ts";
-
-export default function useStore() {
-    return {
-        user: useAuthStore(),
-    }
-}
-
+import { useAuthStore } from '@/store/modules/user.ts'
+
+export default function useStore() {
+	return {
+		user: useAuthStore()
+	}
+}
--- a/vite.config.mts
+++ b/vite.config.mts
@@ -18,6 +18,9 @@ import autoprefixer from 'autoprefixer'
 import viteCompression from 'vite-plugin-compression'
 import imagemin from 'unplugin-imagemin/vite'

+
+import { createHtmlPlugin } from 'vite-plugin-html'
+
 export default defineConfig(({ mode, command }) => {
 	const env = loadEnv(mode, process.cwd())
 	return {
@@ -45,6 +48,28 @@ export default defineConfig(({ mode, command }) => {
 		},
 		plugins: [
 			vue(),
+			createHtmlPlugin({
+				minify: true,
+				/**
+				 * 在这里写entry后，你将不需要在`index.html`内添加 script 标签，原有标签需要删除
+				 * @default src/main.ts
+				 */
+				entry: 'src/main.ts',
+				filename: 'index.html',
+				/**
+				 * 如果你想将 `index.html`存放在指定文件夹，可以修改它，否则不需要配置
+				 * @default index.html
+				 */
+				template: 'index.html',
+				/**
+				 * 需要注入 index.html ejs 模版的数据
+				 */
+				inject: {
+					data: {
+						title: env.VITE_TITLE_NAME
+					}
+				}
+			}),
 			imagemin({
 				// Default mode sharp. support squoosh and sharp
 				mode: 'sharp',