zoukankan      html  css  js  c++  java
  • react后台开发框架搭建

     最近整理了一下自己在用的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>
  • 相关阅读:
    为什么选择webpack
    webpack-模块(module)
    AHK 命令行
    icon 多 索引 图标
    win10 鼠标右键 某类文件 资源管理器 卡死
    管道 命令 %errorlevel! 环境变量 优先级 问题 随笔 CMD /V 延迟的环境变量
    SolidWorks 管道 routing
    SolidWorks 工程图 表格 杂
    windows shell 笔记 3
    windows shell 笔记 2
  • 原文地址:https://www.cnblogs.com/liyuanqing/p/7455080.html
Copyright © 2011-2022 走看看