项目初始化

src/App.tsx

@@ -0,0 +1,31 @@
+import { Suspense, useEffect } from "react";
+import ReactGA from "react-ga";
+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 />
+    </Suspense>
+  );
+};
+
+export default App;