Ant Design组件库设计原理与按需加载
请说明Ant Design(React)的组件库架构设计原则，以及如何实现按需加载(ESM Tree Shaking + 手动引入 + babel-plugin-import)。
回答
我还是少年
组件库设计原则：1)原子设计(Atoms→Molecules→Organisms→Templates→Pages)；2)CSS-in-JS(v5) + token系统统一主题；3)国际化(ConfigProvider)；4)表单设计(Form.Item+Context)。
按需加载：1)ESM Tree Shaking(v5+，推荐)：直接import { Button } from 'antd'；2)手动引入(v4)：import Button from 'antd/es/button'；3)babel-plugin-import(v4)：配置libraryName和style。
v5迁移：CSS-in-JS无需less编译，App组件包裹后使用静态方法。