antd的App组件会大幅影响包体积

直接导入

import { App as AntdApp } from "antd"

动态导入

// vite的写法
const AntdApp = lazy(() => import("antd/es/app"));

原因

App关联的组件很多 如果用rollup-plugin-visualizer看一下就知道 导入App 等同于 导入message modal等一系列组件

测试

codesandbox.io/p/devbox/5m…