移除 react-ga 和 web-vitals 依赖

.env.example

@@ -1,2 +1 @@
 VITE_APP_URL=
-VITE_G_ID=

.gitignore

@@ -32,3 +32,5 @@ yarn.lock
 
 deploy-test.sh
 deploy-demo.sh
+
+pnpm-lock.yaml

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "frontend",
+  "name": "playedu-h5-interface",
-  "private": true,
+  "private": false,
   "version": "0.0.0",
   "type": "module",
   "scripts": {
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@reduxjs/toolkit": "^1.9.3",
+    "ahooks": "^3.7.10",
     "antd-mobile": "^5.31.1",
     "axios": "^1.3.4",
     "localforage": "^1.10.0",
@@ -18,16 +19,14 @@
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-ga": "^3.3.1",
     "react-redux": "^8.0.5",
     "react-router-dom": "^6.9.0",
     "redux": "^4.2.1",
-    "sort-by": "^1.2.0",
+    "sort-by": "^1.2.0"
-    "web-vitals": "^3.3.0"
   },
   "devDependencies": {
-    "@types/react": "^18.0.28",
+    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.0.11",
+    "@types/react-dom": "^18.2.0",
     "@vitejs/plugin-legacy": "^4.1.1",
     "@vitejs/plugin-react-swc": "^3.0.0",
     "rollup-plugin-gzip": "^3.1.0",

src/App.tsx

@@ -1,26 +1,12 @@
-import { Suspense, useEffect } from "react";
+import { Suspense } from "react";
-import ReactGA from "react-ga";
+import { useRoutes } from "react-router-dom";
-import { useLocation, useRoutes } from "react-router-dom";
 import routes from "./routes";
 import "./App.scss";
 import LoadingPage from "./pages/loading";
 
-const G_ID = import.meta.env.VITE_G_ID || "";
-if (G_ID) {
-  ReactGA.initialize(G_ID);
-}
-
 const App = () => {
   const Views = () => useRoutes(routes);
 
-  const location = useLocation();
-  useEffect(() => {
-    if (!G_ID) {
-      return;
-    }
-    ReactGA.pageview(location.pathname + location.search);
-  }, [location]);
-
   return (
     <Suspense fallback={<LoadingPage />}>
       <Views />

src/reportWebVitals.ts

@@ -1,15 +0,0 @@
-import { ReportHandler } from 'web-vitals';
-
-const reportWebVitals = (onPerfEntry?: ReportHandler) => {
-  if (onPerfEntry && onPerfEntry instanceof Function) {
-    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
-    });
-  }
-};
-
-export default reportWebVitals;