Use Task Executors
Executors perform actions on your code. This can include building, linting, testing, serving and many other actions.
There are two main differences between an executor and a shell script or an npm script:
- Executors encourage a consistent methodology for performing similar actions on unrelated projects. i.e. A developer switching between teams can be confident that
nx build project2
will buildproject2
with the default settings, just likenx build project1
builtproject1
. - Nx can leverage this consistency to run the same target across multiple projects. i.e.
nx affected -t test
will run thetest
executor associated with thetest
target on every project that is affected by the current code change. - Executors provide metadata to define the available options. This metadata allows the Nx CLI to show prompts in the terminal and Nx Console to generate a GUI for the executor.
Executor definitions
Executors are associated with specific targets in a project's project.json
file.
1{
2 "root": "apps/cart",
3 "sourceRoot": "apps/cart/src",
4 "projectType": "application",
5 "generators": {},
6 "targets": {
7 "build": {
8 "executor": "@nx/webpack:webpack",
9 "options": {
10 "outputPath": "dist/apps/cart",
11 ...
12 },
13 "configurations": {
14 "production": {
15 "sourceMap": false,
16 ...
17 }
18 }
19 },
20 "test": {
21 "executor": "@nx/jest:jest",
22 "options": {
23 ...
24 }
25 }
26 }
27}
28
Each project has targets configured to run an executor with a specific set of options. In this snippet, cart
has two targets defined - build
and test
.
build
and test
can be any strings you choose. For the sake of consistency, we make test
run unit tests for every project and build
produce compiled code for the projects which can be built.
Each executor definition has an executor
property and, optionally, an options
and a configurations
property.
executor
is a string of the form[package name]:[executor name]
. For thebuild
executor, the package name is@nx/web
and the executor name iswebpack
.options
is an object that contains any configuration defaults for the executor. These options vary from executor to executor.configurations
allows you to create presets of options for different scenarios. All the configurations start with the properties defined inoptions
as a baseline and then overwrite those options. In the example, there is aproduction
configuration that overrides the default options to setsourceMap
tofalse
.
Running executors
The nx run
cli command (or the shorthand versions) can be used to run executors.
❯
nx run [project]:[command]
❯
nx run cart:build
As long as your command name doesn't conflict with an existing nx cli command, you can use this short hand:
❯
nx [command] [project]
❯
nx build cart
You can also use a specific configuration preset like this:
❯
nx [command] [project] --configuration=[configuration]
❯
nx build cart --configuration=production
Or you can overwrite individual executor options like this:
❯
nx [command] [project] --[optionNameInCamelCase]=[value]
❯
nx build cart --outputPath=some/other/path
Running a single command
If defining a new target that needs to run a single shell command, there is a shorthand for the nx:run-commands
executor that can be used.
1{
2 "root": "apps/cart",
3 "sourceRoot": "apps/cart/src",
4 "projectType": "application",
5 "generators": {},
6 "targets": {
7 "echo": {
8 "command": "echo 'hello world'"
9 }
10 }
11}
12
For more info, see the run-commands documentation
Use Executor Configurations
The configurations
property provides extra sets of values that will be merged into the options map.
1{
2 "build": {
3 "executor": "@nx/js:tsc",
4 "outputs": ["{workspaceRoot}/dist/libs/mylib"],
5 "dependsOn": ["^build"],
6 "options": {
7 "tsConfig": "libs/mylib/tsconfig.lib.json",
8 "main": "libs/mylib/src/main.ts"
9 },
10 "configurations": {
11 "production": {
12 "tsConfig": "libs/mylib/tsconfig-prod.lib.json"
13 }
14 }
15 }
16}
17
You can select a configuration like this: nx build mylib --configuration=production
or nx run mylib:build:production
.
The following code snippet shows how the executor options get constructed:
1require(`@nx/jest`).executors['jest']({
2 ...options,
3 ...selectedConfiguration,
4 ...commandLineArgs,
5}); // Pseudocode
6
The selected configuration adds/overrides the default options, and the provided command line args add/override the configuration options.
Default Configuration
When using multiple configurations for a given target, it's helpful to provide a default configuration. For example, running e2e tests for multiple environments. By default it would make sense to use a dev
configuration for day to day work, but having the ability to run against an internal staging environment for the QA team.
1{
2 "e2e": {
3 "executor": "@nx/cypress:cypress",
4 "options": {
5 "cypressConfig": "apps/my-app-e2e/cypress.config.ts"
6 },
7 "configurations": {
8 "dev": {
9 "devServerTarget": "my-app:serve"
10 },
11 "qa": {
12 "baseUrl": "https://some-internal-url.example.com"
13 }
14 },
15 "defaultConfiguration": "dev"
16 }
17}
18
When running nx e2e my-app-e2e
, the dev configuration will be used. In this case using the local dev server for my-app
. You can always run the other configurations by explicitly providing the configuration i.e. nx e2e my-app-e2e --configuration=qa
or nx run my-app-e2e:e2e:qa