Angular 库模块从工作区生成组件

Angular Library Module generate a component from workspace

我有一个 Angular 工作区,其中包含三个项目。以及我刚刚创建了一个库,我想在其中包含可重用的模块。

通常对于项目(应用程序和库)我运行生成模块或组件:

ng g c component componentName --project=UserPortal

ng g c component componentName --project=myLibrary

但是现在我需要将组件添加到其中的模块中:

例如图书馆: 项目 我的图书馆 来源 库 导航模块 在此处添加组件

对于应用程序项目模块: 项目 用户门户 来源 应用程序 用户模块 在此处添加组件

我能够通过 运行ning 在工作区的库项目中创建一个模块:

ng generate module navigation-module --project=myLibrary

目前我必须通过命令行进入该目录才能创建一个组件。但我有一种感觉,我可以像所有其他命令一样从 Workspace 执行此操作。这将是最有益的,而不是必须命令行或在目录之间来回移动。

快速概览:

  1. 在 Angular 工作区
  2. 中创建一个库
  3. 在 Angular 工作区
  4. 的库中创建了一个模块
  5. 想要在工作区的库中的模块内创建组件

您可以通过提供正确的路径为功能模块创建组件。你的情况

ng g c navigation-module/test-component --project=myLibrary

应该可以解决问题。

您可以将自定义目录路径与 ng 命令一起传递。

ng g c myfolder\mycomponent

但是您可能会错过拼写路径,并且创建了新文件夹或更改了目标目录。因此 dryRun 非常有帮助。它显示更改将如何受到影响的输出。

验证结果后,您可以 运行 相同的命令而不 -d 进行更改。

--dryRun=true|false

When true, runs through and reports activity without writing out results.

Default: false

Aliases: -d

官方文档:- https://angular.io/cli/generate