react-multi-page-app是一个基于react和webpack的多页面应用架构,通过编译生成对应目录结构清晰的静态页面,实现多页面便捷开发维护。1.3.0 版本对项目整体做了一个全面的升级,添加修改的以下几个方面:
全局安装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
创建新页面
index.js
(必须,因为是webpack打包入口文件)pageinfo.json
(非必须) 供html插件使用npm run dev
开发|-- src
|-- index/
|-- page2/
|-- index.js
|-- pageinfo.json
v1.3.0 对整个文件结构做了优化
src
下的pages
里统一管理store
文件夹放redux相关文件。http://www.h6cool.com/react-multi-page-app/demo/
完整代码参考项目react-multi-page-app
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。