npm install antd --save 依賴

npm install babel-plugin-import --save-dev 依賴按需加載包

/**
*  web.config.js 新增以下內(nèi)容
* [
*   "import",{libraryName: "antd", style: "css"}
* ]
*/

 {
    test: /\.(js|mjs|jsx|ts|tsx)$/,
       include: paths.appSrc,
              loader: require.resolve('babel-loader'),
              options: {
                customize: require.resolve(
                  'babel-preset-react-app/webpack-overrides'
                ),
                
                plugins: [
                  [
                    require.resolve('babel-plugin-named-asset-import'),
                    {
                      loaderMap: {
                        svg: {
                          ReactComponent:
                            '@svgr/webpack?-svgo,+titleProp,+ref![path]',
                        },
                      },
                    },
                  ],
                  [
                    "import",{libraryName: "antd", style: "css"}
                  ]
                ],
               // This is a feature of `babel-loader` for webpack (not Babel itself).
                // It enables caching results in ./node_modules/.cache/babel-loader/
                // directory for faster rebuilds.
                cacheDirectory: true,
                // See #6846 for context on why cacheCompression is disabled
                cacheCompression: false,
                compact: isEnvProduction,
              },