react-multi-page-app是一個(gè)基于react和webpack的多頁面應(yīng)用架構(gòu)，通過編譯生成對(duì)應(yīng)目錄結(jié)構(gòu)清晰的靜態(tài)頁面,實(shí)現(xiàn)多頁面便捷開發(fā)維護(hù)。1.3.0 版本對(duì)項(xiàng)目整體做了一個(gè)全面的升級(jí)，添加修改的以下幾個(gè)方面：

成都創(chuàng)新互聯(lián)公司是專業(yè)的網(wǎng)站建設(shè)公司,提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)站設(shè)計(jì)等網(wǎng)站開發(fā)一體化解決方案;包括H5技術(shù),微信平臺(tái)小程序開發(fā),網(wǎng)站定制,企業(yè)網(wǎng)站建設(shè),商城網(wǎng)站開發(fā),成都響應(yīng)式網(wǎng)站建設(shè)公司,建網(wǎng)站,PHP網(wǎng)站建設(shè),軟件開發(fā)，軟文推廣，網(wǎng)站營銷。歡迎做網(wǎng)站的企業(yè)前來合作洽談,成都創(chuàng)新互聯(lián)公司將竭誠為您服務(wù)!

• 增加項(xiàng)目創(chuàng)建命令rppx-cli
• 創(chuàng)建Demo展示頁面
• 完善修改REAMDME（中文/英文）
• 增加了redux的使用
• 優(yōu)化目錄結(jié)構(gòu)
• 優(yōu)化整體代碼

安裝及使用

全局安裝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)建新頁面

• 1. 在src下創(chuàng)建一個(gè)文件目錄
• 2. 在新創(chuàng)建的文件目錄下添加index.js（必須，因?yàn)槭莣ebpack打包入口文件）
• 3. 在新創(chuàng)建文件夾下添加pageinfo.json（非必須） 供html插件使用
• 4. npm run dev開發(fā)

|-- src
    |-- index/
    |-- page2/
        |-- index.js
        |-- pageinfo.json

目錄結(jié)構(gòu)調(diào)整

v1.3.0 對(duì)整個(gè)文件結(jié)構(gòu)做了優(yōu)化

• 將將頁面文件放在src下的pages里統(tǒng)一管理
• 增加了store文件夾放redux相關(guān)文件。
• 對(duì)整體文件命名以及結(jié)構(gòu)做了大幅度調(diào)整

Demo頁面

http://www.h6cool.com/react-multi-page-app/demo/

• home頁為一個(gè)簡(jiǎn)單預(yù)覽頁
• todo頁是一個(gè)基于react-redux的todolist頁面
• 整頁排版使用bulma.css

完整代碼參考項(xiàng)目react-multi-page-app

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

本文題目：React多頁面應(yīng)用腳手架-v1.3.0-創(chuàng)新互聯(lián)
當(dāng)前路徑：http://weahome.cn/article/epjdi.html