繼上一篇 基于react16 webpack3 搭建前端spa基礎(chǔ)框架 react-router的4種異步加載方式 繼續(xù)講解。
項(xiàng)目源碼guthub地址：https://github.com/wangweianger/react16-webpack3.8-onepage-base-project
這篇文章主要講解對(duì)react-router-config的使用，達(dá)到配置路由在每個(gè)模塊里面管理。
同樣在react開發(fā)里面我也希望如此。 在v4版本以前 動(dòng)態(tài)路由 的配置方式能夠解決我的問(wèn)題，V4之前版本有興趣的可參考：https://github.com/wangweianger/react-react-router-webpack
在react-router升級(jí)到V4版本之后
react-router-config
能解決我的問(wèn)題。
參考鏈接：https://www.npmjs.com/package/react-router-config
繼上一次的按需加載之后，來(lái)配置一下路由的分開配置，下面主要以圖片來(lái)說(shuō)明。
一：在每個(gè)page模塊里面新建一個(gè) router.js 路由管理文件，如下圖：
router.js 文件的內(nèi)容請(qǐng)參考 react-router-config ，下圖給一個(gè)案例。
注意：exact參數(shù)只能配置一個(gè)，一般默認(rèn)配置跟域名。
二：在app.jsx 文件統(tǒng)一合并路由，切圖如下：
至此我們的路由拆分就已經(jīng)完成，非常的簡(jiǎn)單。
隨著React Router v4的推出，不再有集中的路由配置?？纯聪旅娴那袌D，我們可以做到更多的按需加載，和預(yù)加載功能。
V4版本的路由還有很多的功能等待我們的挖掘，你可以看看官方文檔，看看npm文檔，你會(huì)發(fā)現(xiàn)更多有趣的事情。
由于我并沒有多少react的開發(fā)經(jīng)驗(yàn)，以上也只是淺顯的一些使用，如果說(shuō)的有問(wèn)題的地方歡迎指正。
