react后台开发框架搭建

Posted 2020-10-04 元庆

 最近整理了一下自己在用的react框架，主要涉及到的技术有react react-router redux  Es6 webpack less ant-design等技术，可用于快速开发后台类系统。

 主要实现功能：

• webpack生成首页
• 热更新
• 路由分割
• 打包压缩
• 报错信息指向源文件
• Es6装换
• less转换
• 封装富文本

开发步骤：

• 在src/containers 文件下添加页面

• 在src/router.js 文件里添加路由
• 在src/actions 文件下添加页面对应的.js 文件（主要作用是发起dispatch,改变redux）
• 在src/reducers 文件下添加页面对应的.js 文件（设置redux初始值,并根据不同情况进行相应改变）
• 在src/reducers/index.js 文件将现有的reduces合并为一个大的状态机

待改进问题

• 打包代码压缩
• webpack添加环境变量，为快发环境和线上环境定制深度定制不同打包逻辑
• 登录页面加入打包，不单独列出
• 与后端进行接口标准制定，并统一改进接口反馈（包括成功提示，失败提示，404处理，错误处理等）

设想

• 构建自己的node.js服务器
• 进行服务器端渲染

使用：

1 。从github上clone代码，代码见 我的github,希望搭建能帮我点个星

2. 下载我编写的npm包，可用命令行直接生成基础框架，npm包代码见我的github,

$ npm install -g yq-fontend-cli
$ yqbegin init <project-name>