React项目常用组件库：AntDesign

使用AntDesign组件库

定位：开发和服务于企业级的后台产品

完整导入和使用Ant Design的步骤

1. 安装包cnpm i antd -S
2. 在 index.js页面 导入完整的样式表：（不推荐使用）

// 导入 Antd 的 样式表
import 'antd/dist/antd.css';

3. 按需导入需要的组件：

运行：cnpm i babel-plugin-import -D

// 按需导入 DatePicker 组件
import { DatePicker } from 'antd';

4. 把导入的组件，以标签形式引用到页面上：

<DatePicker />

按需导入和使用 Ant Design 的步骤

注意：由于antd有自己的css样式表，所以，大家需要包装提前在项目中，

配置好了打包.css样式表的相关loader。

1. 运行cnpm i babel-plugin-import -D 开发环境安装按需导入的babel插件
2. 修改项目中的项目/.babelrc文件如下：

{
  "presets": ["env", "stage-0", "react"],
  "plugins": [
    "transform-runtime",
    ["import", { "libraryName": "antd", "libraryDirectory": "es", "style": "css" }]
  ]
}

3. 然后只需从 antd引入模块即可，无需单独引入样式。等同于下面手动引入的方式。

import { DatePicker } from 'antd';