nx-examples

To execute the unit tests for the products-product-detail-page library, use the Angular CLI ng test command targeting the specific project name.

ng test products-product-detail-page

Execute the unit tests for the shared-product-data library using the Angular CLI and Jest. Ensure you are in the workspace root when running the command.

ng test shared-product-data

To execute the unit tests for the shared-styles library, use the Angular CLI command ng test. This library uses Jest as its test runner.

ng test shared-styles

To execute the unit tests for the shared-product-ui library, use the Angular CLI command ng test. This library uses Jest as its underlying test runner.

ng test shared-product-ui

You can generate specific code pieces like components within an existing project using the --project flag to specify the target application.

nx g @nx/react:component my-component --project=my-app

Use nx build to compile your project. Build artifacts are stored in the dist/ directory. For production-ready builds, include the --prod flag.

nx build my-app
nx build my-app --prod

To execute the unit tests for the products-home-page library, use the Angular CLI command ng test targeting the project name.

ng test products-home-page

To execute the unit tests for the @nx-example/shared-cart-state library, use the Angular CLI command ng test targeting the specific project name.

ng test shared-cart-state

Nx provides commands to run tests for specific projects or only for projects affected by recent changes.

Unit Tests (Jest)

• Run all tests for a project: nx test <project-name>
• Run only affected tests: nx affected:test

End-to-End Tests (Cypress)

• Run all E2E tests for a project: nx e2e <project-name>
• Run only affected E2E tests: nx affected:e2e

# Unit tests
nx test my-app
nx affected:test

# End-to-end tests
nx e2e my-app
nx affected:e2e

To execute the unit tests for the shared-product-state library, use the Angular CLI command ng test targeting the specific project name.

ng test shared-product-state

Execute the unit tests for the shared-header library using the Angular CLI and Jest.

ng test shared-header

Nx uses plugins to add capabilities for specific frameworks and environments. You can install these plugins via npm to enable generation and build tools for your chosen stack.

Core plugins include:

• React: @nx/react
• Web (no framework): @nx/web
• Angular: @nx/angular
• Nest: @nrwl/nest
• Express: @nrwl/express
• Node: @nrwl/node

npm install --save-dev @nx/react
npm install --save-dev @nx/web
npm install --save-dev @nx/angular
npm install --save-dev @nrwl/nest
npm install --save-dev @nrwl/express
npm install --save-dev @nrwl/node