react项目的组件库antd-mobile

1.antd-mobile是由蚂蚁金融团队推出的一个开源的react组件库，这个组件库拥有很多使用的组件，下面我来介绍一下他的用法：

2.按照官网http://beta.mobile.ant.design/docs/react/introduce-cn上的操作步骤：

npm install antd-mobile@next --save 

3.在你的项目中的package.json文件里会有antd-mobile的引用版本，同时它会保存到项目的node_modules目录下

4.引用方法：

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

// antd-mobile样式全局引入
import 'antd-mobile/dist/antd-mobile.css';

ReactDOM.render(
    <App/>,
    document.getElementById('root')
);

// 按需引入组件
import { Toast } from 'antd-mobile';

5.按需加载，性能优化

npm install babel-plugin-import@next --save-dev

配置.babel

"babel": {
    "plugins": [
      [
        "import",
        {
        "libraryName": "antd",
        "libraryDirectory": "es",
        "style": "css"
        }
      ]
    ]
}