English | δΈζ
React-multi-page-app is a multi-page application architecture based on react and webpack. Through compiling and generating static pages with clear corresponding directory structure, multi-page development and maintenance can be realized conveniently.
| key | value |
|---|---|
| name | react-multi-page-app |
| desc | a scaffold of create react multi page app |
| cli | rppx |
| author | leinov |
| version | 1.3.0 |
www.h5cool.com/react-multi-page-app/demo
- home page - a simple overview page
- react-redux todo list
- a link to github
- π©βπ©βπ§βπ§ Support multiple pages simultaneously hot loading development
- π Automatically identifies newly created pages
- π Each page generates personalized information
- π» Classification of packaging
- π Flexible extend
npm install rppx-cli -g
install rppx-cli in global and create your new project ,use npm start the project
install
$ npm install rppx-cli -g
create your multi page
$ rppx init my-react
install dependencies
$ npm install
dev
$ npm run dev
build
$ npm run build
start project
$ npm start
Automatically open browser with development: http://localhost:3100 / production: http://localhost:3118
create a new page in the pages directory of src. and run npm run dev in the root directory of project
|-- src
|-- index/
|-- page2/
|-- index.js
|-- page2.scss
|-- pageinfo.json
- How to implement
- How to structure
- Use in detail
| version | desc |
|---|---|
| 1.3.0 | add cli add demo page refactoring and optimize |
| 1.2.0 | add html template |
| 1.1.0 | init |