react组件库antd 或 antd-mobile 按需加载

react 开发时，用到的开放的组件库比较多的 antd库 和 antd-mobile库（移动端）

antd库：Ant Design 官网

antd-mobile库：Ant Design Mobile 官网

实现按需加载，参考官网配置

1、在项目目录下，下载antd库 或 antd-mobile库

以 antd-mobile库 为例

npm install --save antd-mobile 或 yarn add antd-mobile

2、需要下载 npm install react-app-rewired customize-cra --save-dev

3、下载：npm install babel-plugin-import --save-dev

4、package.json文件的 scripts：

"scripts": {
   "start": "react-app-rewired start",
   "build": "react-app-rewired build",
   "test": "react-app-rewired test",
   "eject": "react-app-rewired eject"
 },

5、在项目根目录下，新建文件config-overrides.js，内容如下：

const { override, fixBabelImports } = require('customize-cra');

module.exports = override(
      fixBabelImports('import', {
        libraryName: 'antd-mobile',
        style: 'css',
       }),
    );

注意配置之后，需要重新启动项目才能生效～

除了官网，还可以参考：

react 扩展配置 – 简书