chore: upgrade vite to v6, typescript to v5 (#624)

anlyyao · LeeJim · github-actions[bot] · web-flow · commit fa2354f0e7d8 · 2025-04-25T11:32:03.000+08:00
* 0.3.1 (#330) * fix(checkbox): enable user to click content (#328) * build: resolve ts problems * chore: publish v0.3.1 (#329) * chore: publish v0.3.1 * chore: changelog's changes Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix(site): fix version number parsing error (#586) (#587) * feat(site): support theme generator (#604) (#605) * style(site): add CSS variables to support dark mode * chore: remove useless log * feat(site): support theme generator Co-authored-by: Rylan <rylanbot@qq.com> * Chore/main (#614) * feat(site): support theme generator (#604) * style(site): add CSS variables to support dark mode * chore: remove useless log * feat(site): support theme generator * chore: remove react-spring (#608) * chore: remove react-spring * test: update snapshots * feat(fab): 对齐 mobile-vue (#594) * feat(fab): 对齐mobile-vue" * feat(fab): prevent default when touchmove * feat(fab): prevent default * chore: update demo file name * chore: update test case * chore: remove forwardRef --------- Co-authored-by: anlyyao <anly_yaw@163.com> * feat(list): add list component (#463) * feat(list): add list component re #394 * feat(list): fix list review qa fix #463 * style(list): fix code review comment fix #463 * fix: fix cr * docs: sync api --------- Co-authored-by: realcwang <realcwang@tencent.com> Co-authored-by: anlyyao <anly_yaw@163.com> * feat(action-sheet): 新增 ActionSheet组件 (#471) * feat(action-sheet): 新增 ActionSheet组件 * fix: 修复comment 问题 * fix: 修复同步develop后的问题 * fix: action-sheet 使用 useDefault * fix: 规范变量命名 * fix(action-sheet): 修复同步develop 后的问题(action-sheet badge 位置) * fix(grid): grid 补充 children 属性 * fix(action-sheet): 规范文档和类型定义 * fix: 优化类型和默认值 * fix: 优化类型和默认值 * fix: actionSheet适配Badge样式 * fix(action-sheet): 优化css结构 * fix: resolve conflicts * fix: fix cr and sync api docs * chore: update snapshot --------- Co-authored-by: anlyyao <anly_yaw@163.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * Fix/demo/style (#610) * fix(Demo): fixed demo page background color error * test: update snapshots * feat(Progress): support size props (#609) * feat(Progress): support size props * test: update snapshots * chore: tool functions moved to the tdesign-common repo * feat(Collapse): optimize panel animation (#611) * feat(Collapse): optimize panel animation * test: update snapshots * chore: update _common (#612) * chore: publish v0.13.0 (#613) * chore: publish v0.13.0 * chore: changelog's changes * chore: using relative paths inside components --------- Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> --------- Co-authored-by: Rylan <rylanbot@qq.com> Co-authored-by: Mike <1576271227@qq.com> Co-authored-by: feaswcy <happyfizza@gmail.com> Co-authored-by: realcwang <realcwang@tencent.com> Co-authored-by: Jelly <29860491+TianlunXiong@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore(site): update (#619) * feat(site): support theme generator (#604) * style(site): add CSS variables to support dark mode * chore: remove useless log * feat(site): support theme generator * chore: remove react-spring (#608) * chore: remove react-spring * test: update snapshots * feat(fab): 对齐 mobile-vue (#594) * feat(fab): 对齐mobile-vue" * feat(fab): prevent default when touchmove * feat(fab): prevent default * chore: update demo file name * chore: update test case * chore: remove forwardRef --------- Co-authored-by: anlyyao <anly_yaw@163.com> * feat(list): add list component (#463) * feat(list): add list component re #394 * feat(list): fix list review qa fix #463 * style(list): fix code review comment fix #463 * fix: fix cr * docs: sync api --------- Co-authored-by: realcwang <realcwang@tencent.com> Co-authored-by: anlyyao <anly_yaw@163.com> * feat(action-sheet): 新增 ActionSheet组件 (#471) * feat(action-sheet): 新增 ActionSheet组件 * fix: 修复comment 问题 * fix: 修复同步develop后的问题 * fix: action-sheet 使用 useDefault * fix: 规范变量命名 * fix(action-sheet): 修复同步develop 后的问题(action-sheet badge 位置) * fix(grid): grid 补充 children 属性 * fix(action-sheet): 规范文档和类型定义 * fix: 优化类型和默认值 * fix: 优化类型和默认值 * fix: actionSheet适配Badge样式 * fix(action-sheet): 优化css结构 * fix: resolve conflicts * fix: fix cr and sync api docs * chore: update snapshot --------- Co-authored-by: anlyyao <anly_yaw@163.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * Fix/demo/style (#610) * fix(Demo): fixed demo page background color error * test: update snapshots * feat(Progress): support size props (#609) * feat(Progress): support size props * test: update snapshots * chore: tool functions moved to the tdesign-common repo * feat(Collapse): optimize panel animation (#611) * feat(Collapse): optimize panel animation * test: update snapshots * chore: update _common (#612) * chore: publish v0.13.0 (#613) * chore: publish v0.13.0 * chore: changelog's changes * chore: using relative paths inside components --------- Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * fix(SideBar): fix component not exported (#616) * fix(SideBar): fix component not exported * fix: update example import method * chore: publish v0.13.1 (#618) * chore: publish v0.13.1 * chore: changelog's changes --------- Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> --------- Co-authored-by: Rylan <rylanbot@qq.com> Co-authored-by: Mike <1576271227@qq.com> Co-authored-by: feaswcy <happyfizza@gmail.com> Co-authored-by: realcwang <realcwang@tencent.com> Co-authored-by: Jelly <29860491+TianlunXiong@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> * chore: upgrade vite to v6, typescript to v5 * fix(site): fix the preview path error in the development env --------- Co-authored-by: leejimqiu <leejimqiu@gmail.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: anlyyao <anlyyao@tencent.com> Co-authored-by: Rylan <rylanbot@qq.com> Co-authored-by: Mike <1576271227@qq.com> Co-authored-by: feaswcy <happyfizza@gmail.com> Co-authored-by: realcwang <realcwang@tencent.com> Co-authored-by: Jelly <29860491+TianlunXiong@users.noreply.github.com>
diff --git a/package.json b/package.json
@@ -32,7 +32,7 @@
     "site:build": "cd site && vite build",
     "site:serve": "cd site && vite preview",
     "site:intranet": "cd site && vite build --mode intranet",
-    "site:preview": "cd site && vite build --mode preview",
+    "site:preview": "cd site && cross-env NODE_ENV=development vite build --mode preview",
     "postsite:preview": "cp _site/index.html _site/404.html",
     "lint": "eslint --ext .ts,.tsx ./ --max-warnings 0",
     "lint:fix": "eslint --ext .ts,.tsx ./ --max-warnings 0 --fix",
@@ -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"
   },
diff --git a/site/pwaConfig.js b/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',
-      }
-    ]
-  }
+      },
+    ],
+  },
 };
diff --git a/site/vite.config.js b/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() }),
+    ],
   });
diff --git a/site/web/Demo.jsx b/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 = {};
 
