如何使用 Angular CLI 创建新的遥控器? (Webpack 5 Module Federation 微前端)
How to create a new remote using Angular CLI? (Webpack 5 Module Federation micro frontends)
在名为 myShell
的 Angular 12
项目中,我实现了 nx
monorepo,然后将我的项目定义为 Webpack 5 Module Federation
微前端 shell
使用命令 ng add @angular-architects/module-federation --project myShell --port 4200
.
现在我想使用 Angular CLI
生成一个新的微前端 remote
,我将其命名为 mfe1
。我如何使用 nx
或 ng
CLI 完成此操作?例如,如果我导航到我的 apps
文件夹(其中包含 myShell
项目)并执行 ng new mfe1
,我会收到错误消息:The new command requires to be run outside of a project, but a project definition was found at ...filepath/angular.json
。我也不能 运行 ng g c
,因为 Angular 微前端应用程序不仅仅是一个简单的组件。
是否有 Angular CLI
命令可用于创建新的微前端远程,或者每个远程应用程序都必须手动创建?
ng new
命令将创建一个新的工作区。所以你不能在已经包含 angular.json 文件的文件夹中使用它。
您可以使用命令 ng g application
在现有工作区内创建一个新的 angular 项目
例如:
ng g application mfe1 --routing --style=scss
在名为 myShell
的 Angular 12
项目中,我实现了 nx
monorepo,然后将我的项目定义为 Webpack 5 Module Federation
微前端 shell
使用命令 ng add @angular-architects/module-federation --project myShell --port 4200
.
现在我想使用 Angular CLI
生成一个新的微前端 remote
,我将其命名为 mfe1
。我如何使用 nx
或 ng
CLI 完成此操作?例如,如果我导航到我的 apps
文件夹(其中包含 myShell
项目)并执行 ng new mfe1
,我会收到错误消息:The new command requires to be run outside of a project, but a project definition was found at ...filepath/angular.json
。我也不能 运行 ng g c
,因为 Angular 微前端应用程序不仅仅是一个简单的组件。
是否有 Angular CLI
命令可用于创建新的微前端远程,或者每个远程应用程序都必须手动创建?
ng new
命令将创建一个新的工作区。所以你不能在已经包含 angular.json 文件的文件夹中使用它。
您可以使用命令 ng g application
例如:
ng g application mfe1 --routing --style=scss