chore: upgrade vite to v6, typescript to v5

Author: anlyyao

package.json

@@ -92,14 +92,15 @@
     "@testing-library/react": "^12.1.4",
     "@testing-library/user-event": "^13.5.0",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^20.14.11",
+    "@types/node": "^22.14.1",
     "@types/react": "^17.0.2",
     "@types/react-dom": "17.0.2",
     "@types/react-transition-group": "^4.4.4",
+    "@types/rimraf": "^4.0.5",
     "@types/tinycolor2": "^1.4.6",
     "@typescript-eslint/eslint-plugin": "^5.6.0",
     "@typescript-eslint/parser": "^5.6.0",
-    "@vitejs/plugin-react": "^1.1.1",
+    "@vitejs/plugin-react": "^4.4.1",
     "@vitest/coverage-istanbul": "^2.0.3",
     "@vitest/coverage-v8": "^2.0.3",
     "@vitest/ui": "^2.0.3",
@@ -139,7 +140,7 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-router-dom": "^6.2.2",
-    "rimraf": "^3.0.2",
+    "rimraf": "^6.0.1",
     "rollup": "^2.55.0",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-esbuild": "^4.5.0",
@@ -153,10 +154,10 @@
     "tdesign-icons-view": "^0.3.6",
     "tdesign-site-components": "^0.15.6",
     "tdesign-theme-generator": "^1.1.0",
-    "typescript": "^4.5.3",
-    "vite": "^2.7.0",
-    "vite-plugin-pwa": "^0.11.11",
-    "vite-plugin-tdoc": "^2.0.0",
+    "typescript": "^5.8.3",
+    "vite": "^6.2.3",
+    "vite-plugin-pwa": "^1.0.0",
+    "vite-plugin-tdoc": "^2.0.4",
     "vitest": "^2.0.3",
     "workbox-precaching": "^6.3.0"
   },

site/pwaConfig.js

@@ -1,6 +1,9 @@
 export default {
   strategies: 'injectManifest',
-  includeAssets: ['favicon.svg', 'favicon.ico', 'apple-touch-icon.png'],  
+  includeAssets: ['favicon.svg', 'favicon.ico', 'apple-touch-icon.png'],
+  injectManifest: {
+    maximumFileSizeToCacheInBytes: 7000000,
+  },
   manifest: {
     name: 'TDesign for Mobile React',
     short_name: 'TDesign',
@@ -16,7 +19,7 @@ export default {
         src: 'pwa-512x512.png',
         sizes: '512x512',
         type: 'image/png',
-      }
-    ]
-  }
+      },
+    ],
+  },
 };

site/vite.config.js

@@ -13,6 +13,18 @@ const publicPathMap = {
   production: 'https://static.tdesign.tencent.com/mobile-react/',
 };
 
+// Rollup 4+ 的 tree-shaking 策略调整, 这里是为了让样式在站点构建正常
+const disableTreeShakingPlugin = (paths) => ({
+  name: 'disable-treeshake',
+  transform(code, id) {
+    for (const path of paths) {
+      if (id.includes(path)) {
+        return { code, map: null, moduleSideEffects: 'no-treeshake' };
+      }
+    }
+  },
+});
+
 export default ({ mode }) =>
   defineConfig({
     base: publicPathMap[mode],
@@ -48,5 +60,11 @@ export default ({ mode }) =>
       https: false,
       fs: { strict: false },
     },
-    plugins: [react(), tdocPlugin(), VitePWA(pwaConfig), replace({ __DATE__: new Date().toISOString() })],
+    plugins: [
+      react(),
+      tdocPlugin(),
+      VitePWA(pwaConfig),
+      disableTreeShakingPlugin(['style/']),
+      replace({ __DATE__: new Date().toISOString() }),
+    ],
   });

site/web/Demo.jsx

@@ -2,8 +2,8 @@ import React from 'react';
 import { Link, useLocation } from 'react-router-dom';
 import Button from 'tdesign-mobile-react/button';
 
-export const jsxDemoFiles = import.meta.globEager('../../src/**/_example/*.jsx');
-export const tsxDemoFiles = import.meta.globEager('../../src/**/_example/*.tsx');
+export const jsxDemoFiles = import.meta.glob('../../src/**/_example/*.jsx', { eager: true });
+export const tsxDemoFiles = import.meta.glob('../../src/**/_example/*.tsx', { eager: true });
 
 const demoObject = {};