react 使用antd 按需加载

使用 react-app-rewired

1. 安装react-app-rewired：

yarn add react-app-rewired --dev
/
npm install react-app-rewired --dev

2. 修改package.json:

/* package.json 的配置需要做如下修改*/
"scripts": {
-   "start": "react-scripts start",
+   "start": "react-app-rewired start",
-   "build": "react-scripts build",
+   "build": "react-app-rewired build",
-   "test": "react-scripts test --env=jsdom",
+   "test": "react-app-rewired test --env=jsdom",
}

3. 然后在项目的根目录下创建一个 config-overrides.js 用于修改默认配置:

const {injectBabelPlugin} = require('react-app-rewired');
module.exports = function override(config, env) {
  config = injectBabelPlugin(['import', {libraryName: 'antd', style: 'css'}], config);
  return config;
};

4. 使用组件：

import { Button } from 'antd';