0.0.22

- Changed caching handler from 'NetworkFirst' to 'CacheFirst' for improved performance.
- Extended cache expiration time from 5 minutes to 1 hour to enhance data availability.

package.json

@@ -1,7 +1,7 @@
 {
   "name": "litek",
   "private": true,
-  "version": "0.0.20",
+  "version": "0.0.22",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -44,6 +44,7 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.22",
     "globals": "^16.4.0",
+    "terser": "^5.44.0",
     "tsx": "^4.19.2",
     "tw-animate-css": "^1.4.0",
     "typescript": "~5.9.3",

pnpm-lock.yaml

@@ -96,6 +96,9 @@ importers:
       globals:
         specifier: ^16.4.0
         version: 16.4.0
+      terser:
+        specifier: ^5.44.0
+        version: 5.44.0
       tsx:
         specifier: ^4.19.2
         version: 4.20.6

vite.config.ts

@@ -32,12 +32,12 @@ export default defineConfig({
         runtimeCaching: [
           {
             urlPattern: /^https:\/\/ipinfo\.io\/.*/i,
-            handler: 'NetworkFirst',
+            handler: 'CacheFirst', // 改为 CacheFirst，优先使用缓存
             options: {
               cacheName: 'ipinfo-cache',
               expiration: {
                 maxEntries: 10,
-                maxAgeSeconds: 60 * 5 // 5 分钟
+                maxAgeSeconds: 60 * 60 // 延长到 1 小时
               },
               cacheableResponse: {
                 statuses: [0, 200]
@@ -60,11 +60,15 @@ export default defineConfig({
     rollupOptions: {
       output: {
         manualChunks: (id) => {
-          // React核心库
+          // React 核心拆分得更细
-          if (id.includes('node_modules/react') || 
+          if (id.includes('node_modules/react/') && !id.includes('node_modules/react-dom')) {
-              id.includes('node_modules/react-dom') || 
+            return 'react-core';
-              id.includes('node_modules/react-router-dom')) {
+          }
-            return 'react-vendor';
+          if (id.includes('node_modules/react-dom/')) {
+            return 'react-dom';
+          }
+          if (id.includes('node_modules/react-router-dom')) {
+            return 'react-router';
           }
           // Radix UI组件
           if (id.includes('node_modules/@radix-ui')) {
@@ -74,9 +78,26 @@ export default defineConfig({
           if (id.includes('node_modules/lucide-react')) {
             return 'icons';
           }
+          // 其他工具库
+          if (id.includes('node_modules/')) {
+            return 'vendor';
+          }
         },
       },
     },
+    // 启用更激进的压缩
+    minify: 'terser',
+    terserOptions: {
+      compress: {
+        drop_console: true,
+        drop_debugger: true,
+        pure_funcs: ['console.log'],
+        // 移除未使用的代码
+        unused: true,
+        // 移除死代码
+        dead_code: true,
+      },
+    },
     chunkSizeWarningLimit: 500,
   },
 })