1、項(xiàng)目準(zhǔn)備

本篇文章講解的是一個(gè)簡(jiǎn)單的文章后臺(tái)管理系統(tǒng)，系統(tǒng)的功能很簡(jiǎn)單，如下：登錄、退出；首頁(yè)；內(nèi)容(文章)管理：文章列表、發(fā)布文章、修改文章。

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

2）react-hooks

3）狀態(tài)管理：mobx

4）UI組件庫(kù)：antd v5

5）ajax請(qǐng)求庫(kù)：axios

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

7)? 富文本編輯器：react-quill

8)? CSS預(yù)編譯器：sass

2、項(xiàng)目搭建

本系統(tǒng)是基于react官方腳手架搭建，具體的詳細(xì)搭建，React腳手架的搭建與使用-CSDN博客

3、scss預(yù)處理的使用

SASS是一種預(yù)編譯的CSS，作用類(lèi)似于Less。由于React中內(nèi)置了處理SASS的配置，所有在CRA創(chuàng)建的項(xiàng)目中可以直接使用SASS來(lái)寫(xiě)樣式，實(shí)現(xiàn)如下：

安裝解析sass的第三方包：

???????npm install sass

創(chuàng)建全局樣式文件并引入：