🍡webpack4+react多页面脚手架
webpack-react-multi-page架构让你可以实现多页面架构,在项目开发中保证每个页面都可以热更新并且打包后有清晰的文件层次结构。
React 项目样板
共213Star
详细介绍
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.
Overview
key | value |
---|---|
name | react-multi-page-app |
desc | a scaffold of create react multi page app |
cli | rppx |
author | leinov |
version | 1.3.0 |
Demo
www.h5cool.com/react-multi-page-app/demo
- home page - a simple overview page
- react-redux todo list
- a link to github
Feature
-
👩👩👧👧 Support multiple pages simultaneously hot loading development -
📇 Automatically identifies newly created pages -
📝 Each page generates personalized information -
🚻 Classification of packaging -
🔗 Flexible extend
Install
npm install rppx-cli -g
Quick Start
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
Usage
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
Wiki
- How to implement
- How to structure
- Use in detail
Version
version | desc |
---|---|
1.3.0 | add cli add demo page refactoring and optimize |
1.2.0 | add html template |
1.1.0 | init |