react如何导入antd的css
导入antd的CSS方法
方法1：全局导入（推荐）
在项目的入口文件（如src/index.js或src/main.js）中直接引入antd的完整CSS文件：
import 'antd/dist/antd.css';
// 或使用压缩版（生产环境推荐）
import 'antd/dist/antd.min.css';方法2：按需加载样式（配合babel-plugin-import）
安装babel插件并修改配置，实现组件级别的样式自动导入：
npm install babel-plugin-import --save-dev在babel.config.js中添加配置：
plugins: [
['import', {
libraryName: 'antd',
style: 'css' // 自动加载CSS
}]
]此后引入组件时会自动关联其样式：
import { Button } from 'antd'; // 无需单独引入CSS方法3：使用CSS Modules
若项目配置了CSS Modules，可通过修改插件配置实现：
plugins: [
['import', {
libraryName: 'antd',
style: true // 启用CSS Modules
}]
]注意事项
- 使用按需加载时需确保构建工具（如webpack）正确处理CSS文件
- 若遇到样式冲突，可通过调整CSS加载顺序或提高antd样式优先级解决
