react-multi-page-app是一个基于react和webpack的多页面运用架构,经由过程编译天生对应目次构造清楚的静态页面,完成多页面便利开辟保护。1.3.0 版本对项目团体做了一个周全的晋级,增添修正的以下几个方面:
- 增添项目建立敕令rppx-cli
- 建立Demo展现页面
- 完美修正REAMDME(中文/英文)
- 增添了redux的运用
- 优化目次构造
- 优化团体代码
装置及运用
全局装置rppx-cli
敕令并建立本身的react多页项目
装置rppx-cli
$ npm install rppx-cli -g
建立react多页项目
$ rppx init my-react
装置依靠
$ npm install
开辟环境
$ npm run dev
编译打包
$ npm run build
运转
$ npm start
自动翻开阅读器阅读页面 开辟 http://localhost:3100 临盆 http://localhost:3118
建立新页面
- 在src下建立一个文件目次
- 在新建立的文件目次下增添
index.js
(必需,由于是webpack打包进口文件)
- 在新建立的文件目次下增添
- 在新建立文件夹下增添
pageinfo.json
(非必需) 供html插件运用
- 在新建立文件夹下增添
-
npm run dev
开辟
-
|-- src
|-- index/
|-- page2/
|-- index.js
|-- pageinfo.json
目次构造调解
v1.3.0 对全部文件构造做了优化
- 将将页面文件放在
src
下的pages
里统一管理 - 增添了
store
文件夹放redux相干文件。 - 对团体文件定名以及构造做了大幅度调解
Demo页面
http://www.h5cool.com/react-m…
- home页为一个简朴预览页
- todo页是一个基于react-redux的todolist页面
- 整页排版运用bulma.css
完全代码参考项目react-multi-page-app