refactor: 简化配置

un-pany · pany-ang · Mar 1, 2025 · Feb 23, 2025 · Feb 23, 2025 · Feb 23, 2025
commit 72a9ebefadd67da878490bb91cb47628d447179e
diff --git a/.gitignore b/.gitignore
@@ -1,6 +1,5 @@
 # Common
 dist
-dev-dist
 node_modules
 .eslintcache
 vite.config.*.timestamp*

diff --git a/index.html b/index.html
@@ -6,14 +6,13 @@
       name="viewport"
       content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
     />
+    <meta name="description" content="A crafted mobile template" />
+    <meta name="theme-color" content="#ffffff" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
     <link rel="icon" href="/favicon.png" type="image/png" />
     <link rel="stylesheet" href="/app-loading.css" />
     <title>%VITE_APP_TITLE%</title>
-    <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
-    <!-- 必须和 manifest 中的 theme_color 保持一致 -->
-    <meta name="theme-color" content="#1989fa" />
   </head>
-
   <body ontouchstart>
     <div id="app">
       <div id="app-loading"></div>

diff --git a/package.json b/package.json
@@ -26,8 +26,7 @@
     "vant": "4.9.17",
     "vconsole": "3.15.1",
     "vue": "3.5.13",
-    "vue-router": "4.5.0",
-    "workbox-window": "7.3.0"
+    "vue-router": "4.5.0"
   },
   "devDependencies": {
     "@antfu/eslint-config": "4.3.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/pwa-192x192.png b/public/pwa-192x192.png
diff --git a/public/pwa-512x512.png b/public/pwa-512x512.png
diff --git a/public/robota.txt b/public/robota.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /
diff --git a/src/main.ts b/src/main.ts
@@ -1,7 +1,5 @@
 /* eslint-disable perfectionist/sort-imports */
 
-// pwa
-import { registerSW } from "virtual:pwa-register"
 // core
 import { pinia } from "@/pinia"
 import { router } from "@/router"
@@ -15,9 +13,6 @@ import "nprogress/nprogress.css"
 import "@@/assets/styles/index.css"
 import "virtual:uno.css"
 
-// 自动安装新的 Service Worker，更新缓存并刷新页面
-registerSW({ immediate: true })
-
 // 创建应用实例
 const app = createApp(App)
 

diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
diff --git a/tsconfig.json b/tsconfig.json
@@ -22,7 +22,7 @@
       "@@/*": ["src/common/*"]
     },
     "resolveJsonModule": true,
-    "types": ["vite/client"],
+    "types": ["vite/client", "vite-plugin-pwa/client"],
     // 允许导入 .ts .mts .tsx 拓展名的文件
     "allowImportingTsExtensions": true,
     // 允许 JS

diff --git a/vite.config.ts b/vite.config.ts
@@ -123,14 +123,14 @@ export default defineConfig(({ mode }) => {
         dts: "types/auto/components.d.ts",
         resolvers: [VantResolver()]
       }),
+      // PWA
       VitePWA({
-        registerType: "autoUpdate",
-        includeAssets: ["favicon.png"],
+        includeAssets: ["favicon.png", "apple-touch-icon.png"],
         manifest: {
-          name: "MOBVUE",
-          short_name: "MOBVUE",
-          description: "A crafted mobile template / vue mobile / vue h5 / vue vant / vue web app",
-          theme_color: "#1989fa",
+          name: "MobVue",
+          short_name: "MobVue",
+          description: "A crafted mobile template",
+          theme_color: "#ffffff",
           icons: [
             {
               src: "pwa-192x192.png",
@@ -149,10 +149,6 @@ export default defineConfig(({ mode }) => {
               purpose: ["any", "maskable"]
             }
           ]
-        },
-        devOptions: {
-          enabled: true,
-          type: "module"
         }
       })
     ],