React(hook)+Typescript+Antd 实现一个可配置的后台管理系统

1.效果预览地址

• 点击这里

2.应用到的技术栈

• React（16.8）+ Typescript（3.5）+Antd（3.2）+redux + sessionStorage + less

3.搭建环境

1.安装官网react脚手架的typescript版本

$ npx create-react-app my-app --typescript
$ # 或者
$ yarn create react-app my-app --typescript

2.安装antd、redux与less

npm install -S antd
npm  install redux -S 

注意这里：安装less有一些特殊，create-react-app是集成了sass，但是并没有集成less，这里安装less需要进行一下操作

npm run eject 

对creat react app进行暴露配置文件（此过程不可逆）。然后

npm install less less-loader

我们需求修改 webpack.config.js 配置文件

test: /.css / 改 为 / . ( c s s ∣ l e s s ) / 改为 /.(css|less)