路由懒加载 + loading

src/App.tsx

@@ -1,14 +1,16 @@
 import { useRoutes } from "react-router-dom";
 import routes from "./routes";
 import "./App.scss";
+import { Suspense } from "react";
+import LoadingPage from "./pages/loading";
 
 function App() {
   const Views = () => useRoutes(routes);
 
   return (
-    <div>
+    <Suspense fallback={<LoadingPage />}>
       <Views />
-    </div>
+    </Suspense>
   );
 }