Webpack5联邦模块如何实现详细解析？

本文共计1051个文字，预计阅读时间需要5分钟。

原文：本文主要介绍webpack+5的新特性之一——'module federation'（联邦模块），涉及联邦模块特性、使用方法、适用范围。特性：webpack+5引入联邦模块模式是为了更好地共享代码。在此之前，我们共享代码。

改写后：本文重点介绍webpack+5的亮点特性——'module federation'（模块联邦），涵盖模块联邦的特点、应用方式及适用场景。特点：webpack+5的模块联邦模式旨在实现代码的更高效共享。在此之前，我们是如何共享代码的呢？

本文主要介绍webpack 5 的新特性之一 "module federation"(联邦模块)，涉及联邦模块特性、使用方法、适用范围。

特性

webpack 5引入联邦模式是为了 更好的共享代码 。 在此之前，我们共享代码一般用npm发包来解决。 npm发包需要经历构建，发布，引用三阶段，而联邦模块可以 直接引用其他应用代码 ,实现热插拔效果。对比npm的方式更加简洁、快速、方便。

使用方法

• 引入远程js
• webpack配置
• 模块使用

引入远程JS

假设我们有app1，app2两个应用，端口分别为3001，3002。 app1应用要想引用app2里面的js，直接用script标签即可。