@angular-architects/native-federation-v4 (英语)

角适配器 土著联合会:Module Federation的心理模型,由微前端和以插件为主的架构在浏览器标准(ES模块和导入地图)上执行.

📖 文档

[注] 这是 v4 桥包 对角20和角21。 从v3升级? 见 移徙指南,或运行 ng update @angular-architects/native-federation-v4。v3来源生活在 模块组合-插件存储器。 。 。 .

特征

• 留在角CLI上 ——来自Angular基于Esbuild的应用程序Builder和dev服务器的代表,所以你保留了每一个CLI优化.
• 网络标准 ——远程是用导入地图连接在一起的平面ES模块.
• 共同依赖关系 ——将一个库装入一次横跨主机和远程,并带有semver-aware版本的谈判.
• 图表 —— 说 ng add 将项目变成主机或远程; ng update 移来移去.
• 安全部门改革、递增水和I18N ——支持出框.

版本数

适配器遵循Angular的版本编号:使用匹配您Angular主和次要的适配器放出(例如. 21.2.x 用于角21.2.x).

@angular-architects/native-federation-v4 是一个桥包:它将土著联合会 v4 带到仍在Angular 20 或 21 上的项目. 从Angular 22开始, v4 船主 @angular-architects/native-federation 数据包,所以放下 -v4 升级时的后缀( y)ng update @angular-architects/native-federation 做这个给你.

快开始

安装适配器,然后使一个工程成为远程,另一个则成为主机:

npm i @angular-architects/native-federation-v4 -D

ng g @angular-architects/native-federation-v4:init --project mfe1 --port 4201 --type remote
ng g @angular-architects/native-federation-v4:init --project shell --port 4200 --type dynamic-host

示意图 angular.json 在联邦建设者, 移动你的靴子 bootstrap.ts 生成一个 federation.config.mjs数字 :

import {
  withNativeFederation,
  fromPackageJson,
} from "@angular-architects/native-federation-v4/config";

export default withNativeFederation({
  name: "mfe1",
  exposes: {
    "./Component": "./projects/mfe1/src/app/app.component.ts",
  },
  shared: fromPackageJson({
    singleton: true,
    strictVersion: true,
    requiredVersion: "auto",
    build: "package",
  })
    // includeSecondaries is an opt-out of ignoreUnusedDeps, so every Angular
    // entrypoint is shared and builds can't publish different sets of them.
    .patch(["@angular/*"], { includeSecondaries: { keepAll: true } })
    .get(),
  skip: ["rxjs/ajax", "rxjs/fetch", "rxjs/testing", "rxjs/webSocket"],
  features: {
    denseChunking: true,
    denseExternals: true,
  },
});

像懒惰路线一样在外壳中装入曝光组件, 然后运行 ng serve mfe1 财务报告和审定财务报表 ng serve shell编辑 开始 向导走遍每一步 游乐场 拥有可运行的主机,远程和SSSR等实例.

文档

• 构建器 ——建设/服务目标及其接受的每个选项
• 图表 —— 说 init, (中文(简体) ), appbuilder, (中文(简体) ), remove 和 Nx 生成器
• 角配置 —— 说 withNativeFederation, (中文(简体) ), fromPackageJson, (中文(简体) ), shareAngularLocales, (中文(简体) ), autoShareScope
• 运行时间 —— 说 initFederation, (中文(简体) ), loadRemoteModule 和动态远程
• 安全部门改革和水分, (中文(简体) ), 编号 18N 财务报告和审定财务报表 本地化
• 自定义构建器 —— 插入您的自建插件
• 心理模式 财务报告和审定财务报表 土著和模块联合会
• 财务问题

使用AI编码助理? 指着它 llms.txt。 。 。 .

捐款

欢迎提出问题和拉动要求——见 捐款额。 。 。 .

贷项

谢谢 扎克・杰克逊 原本是模组联合会 及其精神模型 给角CLI团队的. 艾伦·阿吉乌斯 和查尔斯·莱丁, 对于基于建筑的建造者 这个适配器所建,和 弗洛里安·拉普尔 编辑 角建筑师团队 他们的反馈和贡献。 找到我们本土联盟的后方 文档网站。 。 。 .

许可证

麻省理工学院