如何查找Ant Design所有组件的className列表及完整样式资源

组件className查询方法 #

• 单组件类名查询：直接查看对应组件的官方文档即可，每个组件的文档页都会明确标注其根类名、子节点类名信息，例如 Form 组件对应的 .ant-form、Input 组件对应的 .ant-input 都可以在对应文档页快速找到。
• 全量类名批量查询：可以直接查阅Ant Design的样式源码，所有组件的样式文件按组件维度拆分存放，每个样式文件内会完整定义该组件所有相关的className，遍历所有组件样式文件即可汇总出全量类名列表。

全量样式查看与下载方法 #

你可以直接从Ant Design的npm包中获取完整样式资源：

• 安装antd依赖后，在 node_modules/antd/dist/ 目录下可以找到编译完成的全量css文件，包括未压缩的 antd.css 和压缩优化版的 antd.min.css，支持直接查看或导出使用。
• 同时该目录下也包含完整的less样式源文件，可按需引入或修改。

注意：如果需要自定义组件样式，建议优先使用官方提供的样式变量进行定制，避免直接覆盖全局className导致版本升级后样式异常的问题。

内容的提问来源于stack exchange，提问作者PaulRuban