如何使用Angular CLI创建新的遥控器？(Webpack 5模块联合微前端)

Question

在一个名为myShell的Angular 12项目中，我实现了一个nx monorepo，然后使用命令ng add @angular-architects/module-federation --project myShell --port 4200将我的项目定义为一个Webpack 5 Module Federation微前端shell。

现在，我想使用Angular CLI生成一个新的微前端remote，我将其命名为mfe1。我如何使用nx或ng命令行界面来实现这一点？例如，如果我导航到我的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 micro前端应用程序不仅仅是一个简单的组件。

有没有Angular CLI命令可以用来创建一个新的微前端遥控器，或者每个远程应用程序都必须手工创建，非常繁琐？

Answer 1

ng new命令将创建一个新的工作区。因此您不能在已包含angular.json文件的文件夹中使用它。

您可以使用命令ng g application在现有工作空间中创建新的angular项目

例如：

ng g application mfe1 --routing --style=scss