### 1.antdUI框架（run eject） eject之后想要添加antd按需加載需要如下操作 新的create-react-app只有一個webpack.config.js module - rules - oneOf `test: /\.(js|mjs|jsx|ts|tsx)$/,` ``` options: { [ require.resolve('babel-plugin-named-asset-import'), { loaderMap: { svg: { ReactComponent: '@svgr/webpack?-prettier,-svgo![path]', }, }, }, ], /* [ "import", { libraryName: "antd-mobile", style: "css" } ], */ [ require.resolve('babel-plugin-import'), { libraryName: "antd-mobile", style: "css" } ], ], } ``` 注釋部分和最下邊的babel-plugin-import 都可以 記得安裝babel-plugin-import組件就ok了 然后我們頁面中要用到的話：(就OK了) ``` import { Button } from 'antd-mobile'; ``` ### 2.build問題還有個問題： build之后本地打開或者放到服務器 發現頁面空白，資源文件和路由都找不到。 package.json里添加下邊一行即可 ``` "homepage": "./" ```