一 如何共享模块 NPM 方式共享模块 想象一下正常的共享模块方式，就是 NPM。正常的代码共享需要将依赖作为 Lib 安装到项目，进行 Webpack 打包构建再上线。 对于项目 A 与 B，需要共享一个模块时，最常见的办法就是将该模块抽成通用依赖并分别安装在各自项目中。 微前端方式共享模块 微前端：micro frontends MFE 也是最近比较火的模块共享管理方式，微前端就是要解决多项目 ...
2021-10-14 15:19 1 2075 推荐指数：
一、什么是微前端？ 微前端将微服务理念扩展到前端开发，一般来讲一个微服务架构中会有多个后端团队开发不同的业务服务，而前端通常只有一个团队，集中维护一个 SPA 单页应用，随着时间累加，前端团队维护的 SPA 会随着业务增长越来越大，变得难以维护（项目启动耗时、CI\CD 耗时等）; 微 ...
Webpack 5的模块联邦提供加载部分编译好的代码能力，这个似乎会成为微前端架构的标准实现。 Webpack只是我分享的一小点，我是08年出道的高级前端架构师，有问题或者交流经验可以进我的扣扣裙 519293536 我都会尽力帮大家哦 引言 ...
简介 Module federation 解决了一次构建可以拆分为多次构建的问题，并且构建产物也可以为其他应用提供服务。 本质上 webpack 的能力是用来增强不同 bundle 之间 code sharing 的能力 ...
。 （2）remote：一个暴露模块供其他 webpack 构建消费的webpack构建。 （3）h ...
每次有代码变更，都需要在浏览器自动刷新。实际上webpack是支持模块热更新的，当代码变更后，自动刷新浏览器。 webpack依赖： 重点：在webpack.config.js文件中配置target，声明在开发环境中执行热更新操作。 package.json中 ...
ModuleFederationPlugin webpack 5+ plugin 在多个webpack构建应用中，实现模块共享： Remote :提供共享模块 （提供者） Host : 消费共享模块 （消费者） 单个webpack ...
好多开发者一直搞不清轻量级RTSP服务SDK和RTSP推流SDK的区别（Github下载地址），以下是相关区别： 1. 轻量级RTSP服务模块：轻量级RTSP服务解决的核心痛点是避免用户或者开发者单独部署RTSP或者RTMP服务，实现本地的音视频数据（如摄像头、麦克风），编码后，汇聚 ...
1 创建项目 1.1 版本说明 1.2 创建模块 1.2.1 核心模块 该模块只加载一次，主要存放一些核心的组件及服务 ng g m core 1.2.1.1 创建一些核心组件 页眉组件 ...
