React+antd项目的创建以及基本的配置（不走弯路）

写一写关于React+antd项目的创建以及基本的配置（不走弯路）

1. 在项目文件夹创建项目：

create-react-app 项目名称

2. 测试项目是否可以运行：

//进入到项目文件夹下
npm start		//

会自动打开你的浏览器，显示一个转动的React图标就说明启动成功了
3. 安装可能会用到的包：

//路由
npm install react-router-dom --save
//请求
npm install axios --save
//安装UI  --  antd
npm install antd --save  
npm install react-app-rewired customize-cra --save
npm install babel-plugin-import --save 

4. 在根目录下新建一个config-overrides.js文件，写入如下内容：

const { override, fixBabelImports } = require('customize-cra');

module.exports = override(
   fixBabelImports('import', {
       libraryName: 'antd',
       libraryDirectory: 'es',
       style: 'css',
   }),
);

5. 在package.json文件中，修改script里边的内容：

"scripts": {
 "start": "react-app-rewired start",
 "build": "react-app-rewired build",
 "test": "react-app-rewired test", 
 "eject": "react-scripts eject"
}

6.到这里关于antd的按需加载也已经部署完毕，记得重启服务器就可以了

简单快捷的方式，不需要再看antd的官方文档了，多香~