## 按需加載antd樣式 * 安裝`antd`：`cnpm install antd@3 -S`，版本4.x在form和icon變化比較大； * 安裝依賴 `cnpm install react-app-rewired customize-cra babel-plugin-import -D `； * 在根目錄新增`config-overrides.js`文件，添加以下配置，重啟。 * 所遇到問題： 1. less-loader版本太高，推薦安裝：`cnpm install less less-loader@5.0.0 --save-dev ` ``` const { override, fixBabelImports, addLessLoader } = require('customize-cra') module.exports = override( // 針對import 按需打包antd 的樣式 fixBabelImports('import',{ libraryName: 'antd', libraryDirectory: 'es', style: true // 打包源文件，'css': 編譯后的css文件 }), // less-loader版本建議：less-loader@5.0.0 addLessLoader({ javascriptEnabled: true, modifyVars: { '@primary-color': '#1da57a' } // 主題色 }) ) ``` 注：具體自定義主題色等其他顏色，請點擊[這里](https://ant.design/docs/react/customize-theme-cn)。 * package.json文件運行配置修改 ``` "scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired test", "eject": "react-app rewired eject" } ``` ## react-router-dom路由配置 * 所遇到問題： 1. 版本問題，6.x與5.x有有一些改動，推薦安裝5.x：`cnpm install react-router-dom@5 -S`；