Angular中的模块联邦准备好投入生产了吗?
创始人
2024-10-31 07:30:53
0

Angular 12中,模块联邦已经加入正式版。要在项目中使用模块联邦,需要在项目根目录下安装@angular-architects/module-federation库。然后在项目的webpack配置文件中进行以下配置。

  1. 添加插件:

const ModuleFederationPlugin = require('webpack/lib/container/ModuleFederationPlugin');

  1. 配置插件:

new ModuleFederationPlugin({ name: 'shell', remotes: {}, shared: {} })

name:该项目的名称,用于区分各模块

remotes:远程模块的配置信息

shared:相同依赖的配置信息

例如,假设我们在项目中引入了@my-org/shared-utils库,并且这个库在多个子项目中也被引用。这时可以设置shared配置,以保证这个库只会被加载一次,而不是被每个子项目都加载一遍。

new ModuleFederationPlugin({ name: 'shell', remotes: {}, shared: { '@my-org/shared-utils': {singleton: true} } })

在远程模块的配置中,可以通过指定模块所在的URL和模块的名称来引用远程模块。

new ModuleFederationPlugin({ name: 'shell', remotes: { 'my-remote-module': 'my-remote-module@http://localhost:5000/remoteEntry.js' }, shared: {} })

这时就可以在Angular应用中正常使用远程模块的组件和服务了。

相关内容

热门资讯

辅助黑科技!微扑克有机器人(w... 辅助黑科技!微扑克有机器人(wpk最新黑科技)原本是有挂(有挂实锤)-哔哩哔哩1、用户打开应用后不用...
黑科技存在!云扑克确实真的有挂... 黑科技存在!云扑克确实真的有挂(德扑ai机器人软件开发)最初有挂(有挂秘籍)-哔哩哔哩(1)黑科技存...
黑科技有挂!wepoke透明挂... 1、黑科技有挂!wepoke透明挂可以识别(aapokerai辅助)素来真的有挂(发现有挂)-哔哩哔...
黑科技挂!微扑克数据采集(德州... 黑科技挂!微扑克数据采集(德州辅助神器软件)一向真的有挂(有挂存在)-哔哩哔哩1、快速入门:当你通过...
黑科技能赢!WePoKe有挂(... 黑科技能赢!WePoKe有挂(wepoke黑科技)其实真的有挂(有挂方针)-哔哩哔哩1)wepoke...
黑科技线上!微扑克有挂(德扑a... 黑科技线上!微扑克有挂(德扑ai智能系统)往昔是有挂(有挂方略)-哔哩哔哩1、每个玩家都可以进行使用...
黑科技线上!aapokerai... 黑科技线上!aapokerai辅助(wpk ai辅助)真是存在有挂(有挂助手)-哔哩哔哩1、快速入门...
黑科技了解!德州之星辅助软件(... 黑科技了解!德州之星辅助软件(wpk最新黑科技)切实是有挂(发现有挂)-哔哩哔哩;一、wpk最新黑科...
黑科技教学!智星德州菠萝外挂检... 黑科技教学!智星德州菠萝外挂检测(德扑ai智能系统)往昔是有挂(真的有挂)-哔哩哔哩1、每个玩家都可...
黑科技了解!云扑克有辅助软件(... 黑科技了解!云扑克有辅助软件(德扑ai软件靠谱吗)竟然真的有挂(果真有挂)-哔哩哔哩1、每个玩家都可...