本篇教程是使用Electron + React18进行开发，这里主要讲electron的使用。首先我们需要一个react的项目环境，react的项目搭建及开发教程可以参考我的react专栏里的文章：r

Webpack Module Federation是Webpack 5引入的一个特性，它支持微前端架构，允许不同的Web应用之间共享模块，而不需要运行时的容器或服务器端的构建步骤。 项目结构 假设有两

一般使用手机浏览器时，产品多少都会提到扫码功能，市面上有很多SDK支持这类功能，如果只是手机浏览器，html5-qrcode是一个很好的选择

记录自己的前端工作流,后面慢慢补充 1.代码规范, Eslint,Prettier 2.git提交规范, husky, commitlint,lint-staged

husky 配合 lint-staged 会自动运行指定的 lint 命令，自动触发 commitlint 进行提交消息的规范校验，帮助你保持提交消息的一致性和可读性，提高协作和代码管理的效率。

最开始接触代码规范相关的内容是在 2019 年，在看 《编写可维护的 JavaScript》 这本书的时，里面提到了 js lint 工具，可以用来规范、统一前端开发代码这样更有利于项目的长期维护