在 React路由 里，如何实现动态加载模块，以实现按需加载？

【概念释义】

React 路由按需加载指访问某路径时才 import() 对应页面组件，Webpack/Vite 拆成独立 chunk，降低首屏 JS。核心 API：React.lazy + Suspense（或路由库的 lazy 配置），配合 loading 与 ErrorBoundary。

【基础使用】

import { lazy, Suspense } from "react";
import { BrowserRouter, Routes, Route } from "react-router-dom";