25得票5回答
WP5模块联邦:remoteEntry.js缓存

使用Webpack 5 模块联邦,如果远程入口被修改,则您无需重新部署主模块/应用程序,当浏览器请求时,最新版本的模块将被加载。 我想知道:由于远程URL保持不变(例如http://localhost:8081/remoteEntry.js),浏览器可能会缓存该文件,并且每次加载主模块时都会加...

25得票4回答
Webpack模块联邦与急切共享库不兼容。

我正在研究Webpack 5的模块联邦功能,但是有些困难理解为什么我的代码无法正常工作。 这个想法与标准的模块联邦示例非常相似: app1 - 是主机应用程序 app2 - 是一个远程应用程序,向app1公开整个应用程序 (app1渲染标题和水平线,下面应该呈现app2) app1和app2都...

16得票2回答
Webpack 5模块联邦中共享依赖项的树摇技术

我正在设计一个动态仪表板的架构,使用webpack 5模块联邦从不同的远程react捆绑包中获取组件。我确实有一些库在这些远程捆绑包之间共享。这些包是可树摇的,因此每个远程捆绑包都将具有来自同一包的不同代码。如果我将这些包作为singleton共享,当两个依赖相同的组件在运行时加载到DOM时,...

15得票4回答
如何在不弹出 create-react-app 的情况下使用 Webpack 模块联邦插件

有没有不需要eject的方式在create-react-app中使用模块联邦(module federation)? 我想将已有的使用CRA创建的React应用程序转换为微前端。

15得票2回答
Webpack模块联邦错误:无法读取未定义的属性(调用中的“call”)

我正在尝试创建最基本的webpack模块联邦概念证明示例。 主应用程序中的Webpack配置:... plugins: [ new ModuleFederationPlugin({ name: "hostApp", remotes: { ...

14得票1回答
在Jest中模拟主机应用程序中的联合模块

问题实际上完全相同,但具有不同的背景: 如何在jest中模拟未安装的npm包? 我是一个项目的一部分,该项目使用来自webpack的新模块联邦。基本上,我有一个主机应用程序,它使用远程应用程序。我在这里为路由执行相同的操作: https://github.com/module-federat...

14得票4回答
使用Webpack 5模块联邦提供样式和资源。

我已经成功地在我的 Angular 11 应用程序中实现了相对较新的 webpack 5 模块联邦系统,因此它可以从另一个构建中按需远程加载模块。 但是有一件事情我不知道如何处理,那就是像样式表和图片这样的资产。例如,联邦模块中有一个需要自己样式的菜单元素: 将它们放在组件的样式表中会使代码...

14得票3回答
Webpack模块联邦:@angular/common共享单例模块的版本不满足要求(需要^7.2.0)11.x.x。

我正在尝试使用模块联邦来使我的复杂的单体应用程序能够工作。我的webpack配置看起来像这样: plugins: [ new ModuleFederationPlugin({ remotes: { "mfe1": &quo...

12得票3回答
错误:@vitejs/plugin-vue需要vue(>= 3.2.13)或@vue/compiler-sfc在依赖树中存在。

我正在使用模块联邦和Vue3的莓果版本的yarn工具进行开发。 当我运行以下命令创建项目基础时: mkdir vue-error yarn set version stable yarn plugin import workspace-tools yarn init -pw cd packa...

10得票2回答
模块联邦如何选择使用哪个依赖版本?

我一直在尝试 this module federation example,其中设置相对简单 - 主机从远程消耗模块并共享一个react依赖项。当在本地运行时,我注意到尽管主机和远程都有相同的react/react-dom版本,但是远程的版本始终是被下载的那个版本。根据我的研究,似乎模块联邦将...