react项目引入antd框架，以及遇到的一些坑

1，用create-react-app创建项目

create-react-app demo //demo为项目名称

2.在项目中安装antd

npm install -D antd

3.安装 babel-plugin-import

npm install babel-plugin-import --save

4.修改package.json文件，在根目录下

  "babel": {
    "plugins": [
      [
        "import",
        {
          "librayName": "antd",
          "style": true
        }
      ]
    ]
  }

5.在 "src/App.js"文件下使用antd

这时候样式是乱的

需要在App.css（即使用antd的这个文件的css文件）中引入antd.css文件

@import '~antd/dist/antd.css';

这样就一切正常啦