react 配置antd

1、安装
	cnpm install antd -D
	cnpm install -D craco-less

2、在根目录与src同级创建craco.config.js(不修改主题样式和配置less忽略)
	const CracoLessPlugin = require('craco-less');

	module.exports = {
	  plugins: [
	    {
	      plugin: CracoLessPlugin,
	      options: {
	        lessLoaderOptions: {
	          lessOptions: {
	            modifyVars: { '@primary-color': '#1DA57A' },
	            javascriptEnabled: true,
	          },
	        },
	      },
	    },
	  ],
	};

3、修改主题样式(同时配置了less)
	修改第2步中的
		modifyVars: { '@primary-color': '#1DA57A' },即可

4、创建App.less(不修改主题样式和less,在App.css中引入@import '~antd/dist/antd.css'; )
	@import '~antd/dist/antd.less'; 

5、在App.tsx中引入
	import './App.less'; 不修改主题样式和less,引入import './App.less';

6、使用
	import { Button } from 'antd';