學習了一段時間的React,試著搭建一個后臺管理的模板，算是這一段時間的學習總結(jié)，前端將采用create-react-app作為腳手架，引用react-router進行路由處理，后臺將采用spring、spring-mvc、MyBatis搭建一個簡單的后臺管理系統(tǒng)架子，初步實現(xiàn)用戶、角色、功能、權(quán)限，作為將來工作學習中的一個初步的腳手架使用。
搭建前端環(huán)境
- 使用create-react-app創(chuàng)建前端項目,并啟動項目
create-react-app react-ant-admin-front
cd react-ant-admin-front
npm start
效果圖
npm install react-router-dom --save
npm install antd --save
- 以目前的項目結(jié)構(gòu)配置，運行ant design的組件時，會加在ant design全部代碼，為了能夠提高性能，做到按需加載，需要進行配置。
npm run eject
執(zhí)行完上述命令之后，項目中會多出一個 config 的文件夾。
要做到按需加載，需要引入一個按需加載的組件
npm install babel-plugin-import --save-dev
由于需要自定義主題，需要用到 less 的變量覆蓋功能，同時還需要less-loader加載less樣式
npm install less less-loader --save-dev
- 修改配置文件 config/webpack.config.dev.js,啟動按需加載功能，并自定義主題
效果圖
效果圖
到此刻，前端環(huán)境全部搭建完成，接下來就可以進行前端的開發(fā)工作了！
