@rxap/plugin-angular v20.2.0

@rxap/plugin-angular

• Installation
• Guides
• Generators
• Executors

Installation

Add the package to your workspace:

yarn add @rxap/plugin-angular

Execute the init generator:

yarn nx g @rxap/plugin-angular:init

Guides

Application

Standalone

Use the nx generate to create a new application:

NAME=app
nx g @nx/angular:application \
  --name=user-interface-$NAME \
  --addTailwind \
  --directory user-interface/$NAME \
  --projectNameAndRootFormat as-provided \
  --style scss \
  --tags angular

Initialize the application:

nx g @rxap/plugin-angular:init-application \
  --project user-interface-$NAME \
  --cleanup \
  --generateMain \
  --overwrite

Feature Library

Use the nx generate to create a new feature library:

NAME=feature
nx g @nx/angular:library \
  --name=user-interface-feature-$NAME \
  --addTailwind \
  --buildable \
  --directory user-interface/feature/$NAME \
  --projectNameAndRootFormat as-provided \
  --style scss \
  --tags angular

Initialize the feature library:

nx g @rxap/plugin-angular:init-feature-library \
  --project user-interface-feature-$NAME \
  --overwrite \
  --routes

Module Federation

Host

Use the nx generate to create a new module federation host application:

NAME=host
nx g @nx/angular:host \
  --name=user-interface-$NAME \
  --addTailwind \
  --directory user-interface/$NAME \
  --dynamic \
  --projectNameAndRootFormat as-provided \
  --style scss \
  --tags angular

Initialize the module federation host application:

nx g @rxap/plugin-angular:init-application \
  --project user-interface-$NAME \
  --moduleFederation host \
  --cleanup \
  --generateMain \
  --overwrite

Remote

Use the nx generate to create a new module federation remote application:

NAME=remote
nx g @nx/angular:remote \
  --host=user-interface-host \
  --name=user-interface-remote-$NAME \
  --addTailwind \
  --directory user-interface/remote/$NAME \
  --projectNameAndRootFormat as-provided \
  --style scss \
  --tags angular

Initialize the module federation remote application:

nx g @rxap/plugin-angular:init-application \
  --project user-interface-remote-$NAME \
  --host user-interface-host \
  --cleanup \
  --generateMain \
  --overwrite

Generators

init

init generator

yarn nx g @rxap/plugin-angular:init

init-application

init-application generator

yarn nx g @rxap/plugin-angular:init-application

init-library

init-library generator

yarn nx g @rxap/plugin-angular:init-library

fix-schematic

fix-schematic generator

yarn nx g @rxap/plugin-angular:fix-schematic

schematic

Create a Schematic for a project.

yarn nx g @rxap/plugin-angular:schematic

init-feature

init-feature generator

yarn nx g @rxap/plugin-angular:init-feature

init-feature-library

init-feature-library generator

yarn nx g @rxap/plugin-angular:init-feature-library

init-component

init-component generator

yarn nx g @rxap/plugin-angular:init-component

init

init generator

yarn nx g @rxap/plugin-angular:init

init-application

init-application generator

yarn nx g @rxap/plugin-angular:init-application

init-library

init-library generator

yarn nx g @rxap/plugin-angular:init-library

fix-schematic

fix-schematic generator

yarn nx g @rxap/plugin-angular:fix-schematic

schematic

Create a Schematic for a project.

yarn nx g @rxap/plugin-angular:schematic

init-feature

init-feature generator

yarn nx g @rxap/plugin-angular:init-feature

init-component

init-component generator

yarn nx g @rxap/plugin-angular:init-component

init-feature-library

init-feature-library generator

yarn nx g @rxap/plugin-angular:init-feature-library

Executors

tailwind

tailwind executor

project.json

{
  "targets": {
    "tailwind": {
      "executor": "@rxap/plugin-angular:tailwind"
    }
  }
}

check-ng-package

check-ng-package executor

project.json

{
  "targets": {
    "check-ng-package": {
      "executor": "@rxap/plugin-angular:check-ng-package"
    }
  }
}