本项目使用的 angular 是 15.2.8 版本的,npm i @angular/cli@15.2.8 -g
为了好演示,两个项目就放在了一个 git 仓库中,但是两个不同仓库的项目也是可以使用的,原理是一样的
1. 创建环境
-
创建一个没有项目的空壳子
ng new shell --create-application=false
-
进入到项目文件夹中,添加主应用和子应用 1
ng g application main ng g application mfe1
-
安装
@angular-architects/module-federation
npm i @angular-architects/module-federation@15 -D
-
初始化主项目和子项目
ng g @angular-architects/module-federation:init --project main --port 9000 ng g @angular-architects/module-federation:init --project mfe1 --port 9001
到现在为止两个项目都创建好了,webpack 的 module federation 也都安装