您好,登錄后才能下訂單哦!
react-multi-page-app是一個(gè)基于react和webpack的多頁面應(yīng)用架構(gòu),通過編譯生成對應(yīng)目錄結(jié)構(gòu)清晰的靜態(tài)頁面,實(shí)現(xiàn)多頁面便捷開發(fā)維護(hù)。1.3.0 版本對項(xiàng)目整體做了一個(gè)全面的升級,添加修改的以下幾個(gè)方面:
全局安裝rppx-cli
命令并創(chuàng)建自己的react多頁項(xiàng)目
安裝rppx-cli
$ npm install rppx-cli -g
創(chuàng)建react多頁項(xiàng)目
$ rppx init my-react
安裝依賴
$ npm install
開發(fā)環(huán)境
$ npm run dev
編譯打包
$ npm run build
運(yùn)行
$ npm start
自動(dòng)打開瀏覽器瀏覽頁面 開發(fā) http://localhost:3100 生產(chǎn) http://localhost:3118
創(chuàng)建新頁面
index.js
(必須,因?yàn)槭莣ebpack打包入口文件)pageinfo.json
(非必須) 供html插件使用npm run dev
開發(fā)|-- src
|-- index/
|-- page2/
|-- index.js
|-- pageinfo.json
v1.3.0 對整個(gè)文件結(jié)構(gòu)做了優(yōu)化
src
下的pages
里統(tǒng)一管理store
文件夾放redux相關(guān)文件。http://www.h6cool.com/react-multi-page-app/demo/
完整代碼參考項(xiàng)目react-multi-page-app
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。