React多页面应用脚手架-v1.3.0

ACb0y 发布于2019-08-23 13:58 / 856人阅读

摘要：是一个基于和的多页面应用架构，通过编译生成对应目录结构清晰的静态页面实现多页面便捷开发维护。对整体文件命名以及结构做了大幅度调整页面页为一个简单预览页页是一个基于的页面整页排版使用完整代码参考项目

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

云服务器服务器托管多页面应用多页面应用管理页面应用详情页面

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/99877.html

从 0 到 1 再到 100, 搭建、编写、构建一个前端项目

摘要：从到再到搭建编写构建一个前端项目选择现成的项目模板还是自己搭建项目骨架搭建一个前端项目的方式有两种选择现成的项目模板自己搭建项目骨架。使用版本控制系统管理源代码项目搭建好后，需要一个版本控制系统来管理源代码。从 0 到 1 再到 100, 搭建、编写、构建一个前端项目 1. 选择现成的项目模板还是自己搭建项目骨架搭建一个前端项目的方式有两种：选择现成的项目模板、自己搭建项目骨架。 ...

call_me_R 2019-08-23 13:43 评论0 收藏0
从 0 到 1 再到 100, 搭建、编写、构建一个前端项目

摘要：从到再到搭建编写构建一个前端项目选择现成的项目模板还是自己搭建项目骨架搭建一个前端项目的方式有两种选择现成的项目模板自己搭建项目骨架。使用版本控制系统管理源代码项目搭建好后，需要一个版本控制系统来管理源代码。从 0 到 1 再到 100, 搭建、编写、构建一个前端项目 1. 选择现成的项目模板还是自己搭建项目骨架搭建一个前端项目的方式有两种：选择现成的项目模板、自己搭建项目骨架。 ...

wzyplus 2019-08-02 12:08 评论0 收藏0
从 0 到 1 再到 100, 搭建、编写、构建一个前端项目

摘要：从到再到搭建编写构建一个前端项目选择现成的项目模板还是自己搭建项目骨架搭建一个前端项目的方式有两种选择现成的项目模板自己搭建项目骨架。使用版本控制系统管理源代码项目搭建好后，需要一个版本控制系统来管理源代码。从 0 到 1 再到 100, 搭建、编写、构建一个前端项目 1. 选择现成的项目模板还是自己搭建项目骨架搭建一个前端项目的方式有两种：选择现成的项目模板、自己搭建项目骨架。 ...

aristark 2019-08-29 17:24 评论0 收藏0
本命年一定要记得穿红裤衩：2015年总结

摘要：年终总结结果到这个时间才写，其实也是无奈。这一年最重要的事情就是顺利从一只学生狗转职为一只社畜。四月份毕业之后以前端工程师的职位入职天猫，到现在也差不多工作一年了。年终总结结果到这个时间才写，其实也是无奈。本来计划过年写的，没想到Steam竟然开了个农历春节特惠，然后就被各种游戏打了，辣鸡平台，敛我钱财，颓我精神，耗我青春，害我单身以下全都是个人看法，如果有不认同的地方，请大吼一声...

AlienZHOU 2019-08-19 17:38 评论0 收藏0
本命年一定要记得穿红裤衩：2015年总结

摘要：年终总结结果到这个时间才写，其实也是无奈。这一年最重要的事情就是顺利从一只学生狗转职为一只社畜。四月份毕业之后以前端工程师的职位入职天猫，到现在也差不多工作一年了。年终总结结果到这个时间才写，其实也是无奈。本来计划过年写的，没想到Steam竟然开了个农历春节特惠，然后就被各种游戏打了，辣鸡平台，敛我钱财，颓我精神，耗我青春，害我单身以下全都是个人看法，如果有不认同的地方，请大吼一声...

xi4oh4o 2019-08-01 15:06 评论0 收藏0