nx/packages/angular/docs/library-examples.md

1.6 KiB

Examples

{% tabs %} {% tab label="Simple Library" %}

Creates the my-ui-lib library with an ui tag:

nx g @nx/angular:library my-ui-lib --tags=ui

{% /tab %}

{% tab label="Publishable Library" %}

Creates the my-lib library that can be built producing an output following the Angular Package Format (APF) to be distributed as an NPM package:

nx g @nx/angular:library my-lib --publishable --import-path=@my-org/my-lib

{% /tab %}

{% tab label="Buildable Library" %}

Creates the my-lib library with support for incremental builds:

nx g @nx/angular:library my-lib --buildable

{% /tab %}

{% tab label="Nested Folder & Import"%} Creates the my-lib library in the nested directory and sets the import path to @myorg/nested/my-lib:

{% callout type="note" title="Directory Flag Behavior Changes" %} The command below uses the as-provided directory flag behavior, which is the default in Nx 16.8.0. If you're on an earlier version of Nx or using the derived option, use --directory=nested. See the as-provided vs. derived documentation for more details. {% /callout %}

nx g @nx/angular:library --directory=libs/nested/my-lib --importPath=@myorg/nested/my-lib my-lib

{% /tab %}

{% tab label="Standalone component"%} Creates the my-standalone-lib library with a standalone component as an entry point instead of an ng-module. The component can be used via the myorg-standalone-component selector.

nx g @nx/angular:library --standalone --selector=myorg-standalone-component  my-standalone-lib

{% /tab %}