react antd-mobile按需加载

1、安装   npm install babel-plugin-import --save

2、配置

方法一：直接更改package.json里的babel

//package.json
 "babel": {
    "presets": ["react-app"],
    "plugins": [
        ["import", { "libraryName": "antd-mobile", "style": "css" }] 
      ]
  },

   方法二：新建.babelrc文件   目录跟package.json平级

{

    "presets": ["react-app"],

    "plugins": [

        ["import", { "libraryName": "antd-mobile", "style": "css" }] // `style: true` 会加载 less 文件

      ]

}

注意  如果用该方法配置按需加载后需要把package.json中的babel项去除

 

3、使用

import { Button } from "antd-mobile";

<Button>开始</Button>