front-template-ws

##20230509 前端项目workspace模板

采用pnpm的workspace对多项目进行管理，支持大型前端项目的分折子module原则，各子项目可共享common和buss-component组件，各项目之间可分开部署，也可以放在一起部署，采用微前端通过master进行融合访问，当然独立访问也可以，子module可以通过和master共享数据，以确定是独立访问还是嵌入访问的，当处在嵌入访问时需对banner处理一下。

采用npm v16.14.2(及以上) react 18、 ant design 5 和 reduxjs 、react-router-dom 最新版本

• 共享common和buss-components子module，可发布
• 可采用vite进行子项目管理，参见apps/master
• UI库全面升级到ant design 5版本
• 推荐用reduxjs方式管理state（并不是全部）
• react-router-dom 从4升级到7，变化很大，但速度更快，功能更简单
• 加上多标签页————在没统一子页面的交互前，不推荐使用，原来是弹出页面
• 对http请求做了替换，支持取消和加载时主框架显示加载中
• 支持微前端嵌入

packages/common

• 公共的ts方法和类，不能放组件，只支持ts文件

packages/buss-components

• 公共的组件库，可以把业务层封装好的组件共享出来提供子项目使用
• 如有可能，可以实现企业内部的组件库，封装、美化等，可发布到npmjs.com平台，或公司私服

apps/master

• 主站，用于演示加载子前端项目
• 采用vite开发编译维护代码

apps/demo2

• 演示的子项目
• 沿用以前的react-scripts

子前端集成方式 eg

• 左侧菜单
• 顶部菜单