angular - 如何使用 Angular CLI 创建新的遥控器？（Webpack 5 Module Federation 微前端）

问题描述

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

现在我想使用Angular CLI来生成一个新的微前端remote，我将命名为mfe1. 我将如何使用nx或ngCLI 完成此操作？例如，如果我导航到我的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命令可以用来创建一个新的微前端远程，或者每个远程应用程序必须手动创建乏味？

标签： angulartypescriptarchitecturemicro-frontendwebpack-module-federation

该ng new命令将创建一个新工作区。所以你不能在已经包含 angular.json 文件的文件夹中使用它。

您可以使用以下命令在现有工作空间内创建一个新的 Angular 项目ng g application

举个例子：

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

angular - 如何使用 Angular CLI 创建新的遥控器？（Webpack 5 Module Federation 微前端）

问题描述

解决方案

推荐阅读