create-react-app创建项目后使用antd库的相关插件下载及配置

1.首先，在根目录下通过yarn或者npm下载antd
在需要应用antd的js文件中引入

import {想要使用的插件} from ‘antd’
然后在css样式文件中引入样式
 @import '~antd/dist/antd.css'; 
 不出意外，这样就可以看到使用antd中的组件带来的效果

在上面的样式引入中，将所有的antd样式都进行加载，这会拖慢前端性能。
所以下面介绍一种按需加载的方式，参考官方文档

2.这里成功的关键是插件的下载，和配置，感觉是废话。下面开始操作步zhou

1. 安装react-app-rewired customize-cra,前者是需要用来修改package.json中的脚本命令的插件，后者据官方文档解释是因为需要支持前者的2.x版本。
2. package中的代码修改是将react-scripts修改为react-app-rewired；到这里就可以支持修改默认配置了，在根目录下创建config-overrides.js文件用于修改默认配置。
3. 下面安装bebel-plugin-import来配置按需加载css
4. 上面是操作的步骤，具体的代码可参考官方文档
5. 众所周知配置文件修改后需要重启查看效果，注意要将原本css中的antd.css引入代码注释掉
6. 最后再添加一个与本题无关的插件cross-env,这是在我想要同时开启
   多个项目出现端口3000占用的问题时去搜索解决的插件，下载后在package中修改启动命令的代码为"start": "cross-env port=5000 react-app-rewired start",就可以将默认3000端口修改。