Colum Ferry 8d6ac4f694
chore(angular): support angular 13 (#7161)
* chore(angular): support angular 13

Support Angular 13

chore(angular): support ng 13 next 11

chore(angular): upgrade tslib dep

chore(angular): update package and ng-packagr-lite executors to align with ng-packagr v13

chore(angular): update test snapshots with ts version

fix(angular): buildable lib tsconfig transform test

* chore(angular): sync ng-packagr changes to the package and ng-packagr-lite executors

* chore(angular): add migrations

* chore(angular): rxjs7

* feat(angular): check rxjs version to install

* feat(angular): update jest resolver to resolve esm

* chore(angular): fix version

* chore(angular): support jest-preset-angular

* fix(angular): tests

* fix(angular): fix e2e tests and add .angular to gitignore

* fix(angular): fix jest transformers ignore pattern

* fix(angular): fix node test

* fix(angular): fix workspace test

* fix(angular): import marble utils from jasmine-marbles instead of @nrwl/angular/testing

* feat(angular): update ngrx to 13.0.0-beta.;0

* fix(angular): temporarily skip test with pnpm

* fix(angular): bump jest-preset-angular to fix jest performance issues

* fix(angular): webpack-browser and server schema changes

Co-authored-by: Leosvel Pérez Espinosa <leosvel.perez.espinosa@gmail.com>
Co-authored-by: Jason Jean <jasonjean1993@gmail.com>
2021-11-08 12:01:55 -05:00
..
2020-12-02 14:07:53 -05:00
2021-09-20 16:39:13 -04:00

Nx - Smart, Extensible Build Framework

{{links}}


Angular Plugin for Nx

The Nx Plugin for Angular contains executors, generators, and utilities for managing Angular applications, and libraries within an Nx workspace. It provides:

  • Integration with libraries such as Jest, Cypress, Karma, Protractor, and Storybook.
  • Helper services, and functions to use along with NgRx libraries.
  • Scaffolding for upgrading AngularJS applications.
  • Scaffolding for creating buildable libraries that can be published to npm.
  • Utilities for automatic workspace refactoring.

Adding the Angular plugin

Adding the Angular plugin to a workspace can be done with the following:

#yarn
yarn add @nrwl/angular
#npm
npm install @nrwl/angular

For more information about the @nrwl/angular package take a look at the Angular Plugin Overview.

{{what-is-nx}}

{{getting-started}}


✔ Workspace name (e.g., org name)     · happyorg
✔ What to create in the new workspace · angular
✔ Application name                    · my app
✔ Default stylesheet format           · css

Serving Application

  • Run nx serve myapp to serve the newly generated application!
  • Run nx test myapp to test it.
  • Run nx e2e myapp-e2e to run e2e tests for it.

You can also use ng instead of nx:

  • Run ng serve myapp to serve the newly generated application!
  • Run ng test myapp to test it.
  • Run ng e2e myapp-e2e to run e2e tests for it.

Quick Start Videos

Nx - Quick Start Videos

{{resources}}