Ant Design在react项目中的使用_ant react

1. 安装
    1. npm install antd --save
    2. yarn add antd
 
2. 引入样式 
    1. 全局引入
    2. import 'antd/dist/antd.css'
         优点：导入了所有的组件的样式 使用组件的时候不用考虑样式
         缺点：导入无用的组件的css样式 
 
    3. 按需引入
         1. 安装配置：babel-plugin-import (推荐) 
            gitHub：https://github.com/ant-design/babel-plugin-import
         2. npm run eject 暴露webpack.config.js 
         3. npm install babel-plugin-import --save-dev
         4. 配置一个根目录文件  (注：暴露了webpack后需要删除package.json文件里面的babel配置)
            .babelrc
               {
                    "presets": [
                       "react-app"
                       ],
                    "plugins": [["import", {
                        "libraryName": "antd",
                        "style": "css",   // or 'css'
                    }]]
                }
 
3. 使用ant组件
   1. 先引入组件  import { Button } from 'antd';
   2. 使用组件
      <Button type="primary">按钮</Button>
      <Button type="danger">按钮</Button>