antd按需引入

安装依赖

yarn add babel-plugin-import react-app-rewired customize-cra

项目根目录下添加config-overrides.js文件

添加如下内容

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

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

修改package.json文件

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

重新运行项目