make可视化搭建h5页面说明文档

704 阅读1分钟

项目地址: github.com/leonwgc/mak…

技术栈

  1. 技术栈:react全家桶 react/redux/hooks/webpack5

  2. 打包基于packx(基于webpack5) www.npmjs.com/package/pac…

3.状态管理基于simple-redux-store(基于redux) www.npmjs.com/package/sim…

  1. 拖拽/排序依赖 www.sortablejs.com/

  2. pc端设置面板组件基于antd v4 ant.design/index-cn

  3. antd组件渲染排列基于 antd-form-render www.npmjs.com/package/ant…

  4. 移动端预览基于zarm zarm.gitee.io/#/

  5. hooks组件依赖react-use-lib,包含拖拽排序,dom拖拽 www.npmjs.com/package/rea…

  6. localstorage本地存储基于 simple-browser-storewww.npmjs.com/package/sim…

运行

  • yarn 安装依赖
  • yarn start 即可跑起来,数据存储在localstorage

运行效果截屏

full.png

基于此项目扩展的企业自定义页面项目运行效果如下

d1.png

d2.png