1、项目准备

本篇文章讲解的是一个简单的文章后台管理系统，系统的功能很简单，如下：登录、退出；首页；内容(文章)管理：文章列表、发布文章、修改文章。

1）React官方脚手架：create-react-app

2）react-hooks

3）状态管理：mobx

4）UI组件库：antd v5

5）ajax请求库：axios

6)  路由：react-router-dom 以及 history

7)  富文本编辑器：react-quill

8)  CSS预编译器：sass

2、项目搭建

本系统是基于react官方脚手架搭建，具体的详细搭建，React脚手架的搭建与使用-CSDN博客

3、scss预处理的使用

SASS是一种预编译的CSS，作用类似于Less。由于React中内置了处理SASS的配置，所有在CRA创建的项目中可以直接使用SASS来写样式，实现如下：

安装解析sass的第三方包：

​​​​​​​npm install sass

创建全局样式文件并引入：