比如一個(gè)用戶協(xié)作類的web應(yīng)用,按照傳統(tǒng)的方式開發(fā)的話,可以分成首頁、用戶登陸后的管理界面,以及一些幫助、聯(lián)系之類的零碎頁面。請(qǐng)問,如果用react來做的話,該如何組織這些頁面?如何管理相應(yīng)的代碼呢?網(wǎng)上所有的教程都是用index.html引入app.js的方式完成react應(yīng)用的啟動(dòng)。然后發(fā)布時(shí)使用webpack從index.html開始做打包。我個(gè)人猜測(cè),想要實(shí)現(xiàn)上述的需求,可能的方案有2種:1.app.js就是所有頁面的入口,但是根據(jù)url的不同,載入不同的子組件(其實(shí)就是子頁面最外層的組件)。這樣的話打包流程都不變,唯一的問題是,用戶第一次進(jìn)入時(shí)加載js代碼會(huì)很大。(貌似要用到react-router)2.每個(gè)頁面有一個(gè)單獨(dú)的入口,比如index.html+app.js是首頁的入口,somepage.html+somepage.js是另一個(gè)頁面的入口。打包的時(shí)候需要將這些頁面都作為入口去打包,對(duì)服務(wù)器而言,用戶訪問哪個(gè)url就返回哪些對(duì)應(yīng)的html+js文件。請(qǐng)問,實(shí)際項(xiàng)目中,哪種方案比較合理???或者,還有更好的做法?多謝指點(diǎn)
ReactJs中如何實(shí)現(xiàn)多頁面應(yīng)用的效果?
狐的傳說
2018-09-11 05:05:12