## 按需加载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`；