配置antd-mobal按需引入

暴露配置文件

请查阅相关文章 https://web03.cn/blog/152

下载 babel-plugin-import

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

文档地址 https://github.com/ant-design/babel-plugin-import

修改package.json

修改前

  "babel": {
    "presets": [
      "react-app"
    ]
  }

修改后

  "babel": {
    "presets": [
      "react-app"
    ],
    "plugins": [
      ["import", { "libraryName": "antd-mobile", "libraryDirectory": "es","style": "css" }]
    ]
  }

使用组件

import React,{Component} from 'react'
import { Button, List } from 'antd-mobile';
export default class  extends Component{
    constructor(props){
        super(props)
        this.state={
        }
    }
    render (){
        return (
          
            
              Regional manager
              
                Can be collected, refund, discount management, view data and other operations
              
            
            
              Regional manager
              
                Can be collected, refund, discount management, view data and other operations
              
            
          
        )
    }
}

如发现样式变迷你了

需要在html中加入meta

正常效果