指點(diǎn)不敢說(shuō)，因?yàn)樽罱谂獋€(gè)東西，所以antd pro的碼我也算看了大部分了。

它里面用到了阿里自己封裝的一個(gè)庫(kù)dva，這個(gè)庫(kù)我沒(méi)有用過(guò)，它大概的作用是幫我們把react-router封裝了，結(jié)合了它自己的redux，因?yàn)槲也惶矚g，所以其實(shí)你用react-router和redux是能實(shí)現(xiàn)它相同的效果的。

大概給你屢一下流程 入口文件index.js，里面創(chuàng)建了dva的實(shí)例，掛在了redux類的狀態(tài)管理，在dva中取名為model的概念，以權(quán)限機(jī)制動(dòng)態(tài)渲染路由。

目錄結(jié)構(gòu)在來(lái)屢一下，其他都不管，看src：

• assets: 你應(yīng)該也看到了，靜態(tài)文件，放了他的logo
• common: 里面有兩個(gè)文件，一個(gè)menu.js放主頁(yè)面左側(cè)菜單欄，一個(gè)router.js用來(lái)動(dòng)態(tài)渲染路由
• components: 組件，不說(shuō)了
• e2e: 測(cè)試相關(guān)，你估計(jì)暫時(shí)用不到
• layouts: 這個(gè)比較重點(diǎn)，他主要分為 basiclayout 和 userlayout 兩種，前面是需要登錄之后，后面是用戶登錄注冊(cè)相關(guān)的布局，路由渲染也是基于布局的
• models：狀態(tài)存儲(chǔ)相關(guān)
• routes：這個(gè)就是所有的真實(shí)展現(xiàn)的目錄
• services：數(shù)據(jù)請(qǐng)求相關(guān)的
• utils: 一些工具函數(shù)，包括權(quán)限驗(yàn)證，持久化存儲(chǔ)之類的。
• index.ejs：服務(wù)端渲染
• index.js: 入口文件
• index.less: 根樣式
• rollbar.js: 一個(gè)外部插件
• router.js: 這個(gè)比較重要，路由的配置，和渲染主要是這個(gè)
• theme.js: 主題？

這個(gè)算我比較長(zhǎng)的答案了，要看明白這些，掌不掌握dva不是重點(diǎn)，你的react-router和redux還有react自身只要基礎(chǔ)夠，看懂只是時(shí)間問(wèn)題，多看幾遍，從入口入手慢慢屢流程應(yīng)該不是什么大問(wèn)題，希望對(duì)你有所幫助。

這個(gè)要看懂它每個(gè)文件怎么個(gè)道理 一般人好像都看不懂