Angular Monorepo / Smart Monorepo / Manually Defined Tasks

Manually Defined Tasks

The project tasks are defined in the project.json file.

{
  "name": "angular-store",
  ...
  "targets": {
    "build": { ... },
    "serve": { ... },
    "extract-i18n": { ... },
    "lint": { ... },
    "test": { ... },
    "serve-static": { ... },
  },
}

Each target contains a configuration object that tells Nx how to run that target.

{
  "name": "angular-store",
  ...
  "targets": {
    "serve": {
      "executor": "@angular-devkit/build-angular:dev-server",
      "defaultConfiguration": "development",
      "options": {
        "buildTarget": "angular-store:build"
      },
      "configurations": {
        "development": {
          "buildTarget": "angular-store:build:development",
          "hmr": true
        },
        "production": {
          "buildTarget": "angular-store:build:production",
          "hmr": false
        }
      }
     },
     ...
  },
}

The most critical parts are:

executor - this is of the syntax <plugin>:<executor-name>, where the plugin is an NPM package containing an Nx Plugin and <executor-name> points to a function that runs the task.
options - these are additional properties and flags passed to the executor function to customize it

Learn more about how to run tasks with Nx. We’ll revisit running tasks later in this tutorial.

Run Tasks

Add an Application

Files

Preparing Environment

Stubbing git
Installing dependencies