antd组件的按需打包步骤

下载依赖模块

yarn add react-app-rewired@2.0.2-next.0
yarn add babel-plugin-import

定义加载配置的 js 模块: config-overrides.js

在React项目根目录创建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;
}

修改配置: package.json

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

在应用中使用 antd 组件

运行效果