學習了一段時間的React,試著搭建一個後臺管理的模板，算是這一段時間的學習總結，前端將採用create-react-app作為腳手架，引用react-router進行路由處理，後臺將採用spring、spring-mvc、MyBatis搭建一個簡單的後臺管理系統架子，初步實現使用者、角色、功能、許可權，作為將來工作學習中的一個初步的腳手架使用。

搭建前端環境

1. 使用create-react-app建立前端專案,並啟動專案

create-react-app react-ant-admin-front
cd react-ant-admin-front
npm start
 

2.引入react-router和ant design

npm install react-router-dom --save
npm install antd --save

1. 以目前的專案結構配置，執行ant design的元件時，會加在ant design全部程式碼，為了能夠提高效能，做到按需載入，需要進行配置。

npm run eject

執行完上述命令之後，專案中會多出一個 config 的資料夾。

要做到按需載入，需要引入一個按需載入的元件

npm install babel-plugin-import --save-dev

由於需要自定義主題，需要用到 less 的變數覆蓋功能，同時還需要

npm install less less-loader --save-dev

1. 修改配置檔案 config/webpack.config.dev.js,啟動按需載入功能，並自定義主題

到此刻，前端環境全部搭建完成，接下來就可以進行前端的開發工作了！