react項(xiàng)目如何按需加載antdDesign組件分為兩種情況：
第一種（使用腳手架create-react-app）
先安裝依賴：

npm i babel-plugin-import --save

然后, 在package.json里面直接添加下面這行代碼

"babel": {
        "presets": [
          "react-app"
        ],
        "plugins": [
          [
            "import",
            {
              "libraryName": "antd",
              "style": "css"
            }
          ]
        ]
    }

第二種（不使用腳手架, 手寫(xiě)）
1，安裝

npm install ant --save

2,引用

import { Form, Input, Button} from 'antd';

3,安裝組件

npm i babel-plugin-import --save -D

4,按需加載Ant Design，在.babelrc文件中增加以下內(nèi)容，即可進(jìn)行按需加載

 "plugins": [
        [
            "import",
            {
                "libraryName": "antd",
                "libraryDirectory": "es",
                "style": "css"
            }
        ],
        "transform-runtime"
    ]

轉(zhuǎn)載地址：https://blog.csdn.net/qq_24147051/article/details/88318895