目前随着前端的不断发展，企业工程项目体积越来越大，页面越来越多，项目变得十分臃肿，维护起来也十分困难，有时我们仅仅更改项目简单样式，都需要整个项目重新打包上线，给开发人员造成了不小的麻烦，也非常浪费时间。老项目为了融入到新项目也需要不断进行重构，造成的人力成本也非常的高。 首先…

从这张图可以看到 Moleculer 接管了内部的服务注册与发现、服务之间的消息通信以及负载均衡等底层复杂逻辑，用户只需要写核心业务逻辑即可，大大提升了开发效率。 节点就是本地或网络上的一个 Node 进程，每个节点内部可以承载多个服务。例如定义了数学计算 math 和统计分析…

⚠️ 关于按需加载，在开发环境下，由于webpack devServer 加载资源时是不会跨项目加载的，所以是无法做到的，当然可以改造 webpack 的加载逻辑，把待加载的资源 origin 设置为 项目菜单配置中的 origin。打包后如果主子项目的静态资源部署在同一个目录…

我们实践微前端的过程中,我们对每个模块项目,都有一个对外的配置文件. 是模块在注册到singe-spa时候所用到的信息. 我们每个模块都有上面所描述的配置文件,当我们的项目多个模块的时候,我们需要把所有模块的配置文件聚合起来. 我这里也有写一个脚本. 这个文件直接引入到html…

技术和架构方案不同，技术可以凭空出现突然爆火没有征兆。但方案或架构一定是为了解决某个问题而出现的，实践之前，请务必先要去搞清楚它是否可以解决当前问题，再者调研是否适合团队，考虑工程价值与产品价值，请不要盲目追求。 熟悉它的人更喜欢称它为前端微服务。 在传统模式开发中，例如阿里云…

关注核心实现请直接跳至 第四小节：执行流程。 到此，项目就已经初始化完毕了，接下来开始核心的内容，微前端框架的编写。 微前端的核心为app，微前端的场景主要是：将应用拆分为多个app加载，或将多个不同的应用当成app组合在一起加载。 为了更好的约束app和行为，要求每个app必…