React如何进行代码拆分?拆分的原则是什么？

【概念释义】

React 代码拆分：dynamic import + React.lazy + Suspense；路由级 split；Webpack splitChunks / Vite 自动；组件级 仅重模块 lazy；原则：按路由/交互点拆、首屏最小、共享 vendor chunk、预加载 hover、ErrorBoundary 捕 chunk 失败。避免 over-splitting 增 HTTP 往返。

【基础使用】

const Admin = lazy(() => import("./Admin"));