nx.json

The nx.json file configures the Nx CLI and project defaults. The full machine readable schema is available on Github.

The following is an expanded example showing all options. Your nx.json will likely be much shorter. For a more intuitive understanding of the roles of each option, you can highlight the options in the excerpt below that relate to different categories.

nx.json
1{ 2 "extends": "nx/presets/npm.json", 3 "affected": { 4 "defaultBase": "main" 5 }, 6 "workspaceLayout": { 7 "projectNameAndRootFormat": "as-provided" 8 }, 9 "generators": { 10 "@nx/js:library": { 11 "buildable": true 12 } 13 }, 14 "tasksRunnerOptions": { 15 "default": { 16 "runner": "nx/tasks-runners/default", 17 "options": { 18 "cacheableOperations": ["build", "lint", "test", "e2e"] 19 } 20 } 21 }, 22 "namedInputs": { 23 "default": ["{projectRoot}/**/*"], 24 "production": ["!{projectRoot}/**/*.spec.tsx"] 25 }, 26 "targetDefaults": { 27 "build": { 28 "inputs": ["production", "^production"], 29 "dependsOn": ["^build"], 30 "executor": "@nrwl/js:tsc", 31 "options": { 32 "main": "{projectRoot}/src/index.ts" 33 } 34 } 35 } 36} 37
Nx 15 and lower use @nrwl/ instead of @nx/

Extends

Some presets use the extends property to hide some default options in a separate json file. The json file specified in the extends property is located in your node_modules folder. The Nx preset files are specified in the nx package.

NPM Scope

The npmScope property of the nx.json file is deprecated as of version 16.2.0. npmScope was used as a prefix for the names of newly created projects. The new recommended way to define the organization prefix is to set the name property in the root package.json file to @my-org/root. Then @my-org/ will be used as a prefix for all newly created projects.

In Nx 16, if the npmScope property is present, it will be used as a prefix. If the npmScope property is not present, the name property of the root package.json file will be used to infer the prefix.

In Nx 17, the npmScope property will be ignored.

Affected

Tells Nx which branch and HEAD to use when calculating affected projects.

  • defaultBase defines the default base branch, defaulted to main.

Workspace Layout

You can add a workspaceLayout property to modify where libraries and apps are located. As of Nx 16.8.0, there is a property called projectNameAndRootFormat that determines how this configuration block is interpreted. The default setting is "projectNameAndRootFormat": "as-provided".

1{ 2 "workspaceLayout": { 3 "projectNameAndRootFormat": "as-provided" 4 } 5} 6

This setting makes app or lib generators behave in the following way:

  • nx g app my-app creates a new application named my-app in the /my-app folder
  • nx g lib my-lib creates a new library named my-lib in the /my-lib folder
  • nx g app my-app --directory=apps/nested/my-app creates a new application named my-app in the /apps/nested/my-app folder
  • nx g lib my-lib --directory=libs/shared/ui/my-lib creates a new library named my-lib in the /libs/shared/ui/my-lib folder

The other style is "projectNameAndRootFormat": "derived", which behaves the way Nx did before version 16.8.0.

1{ 2 "workspaceLayout": { 3 "projectNameAndRootFormat": "derived", 4 "appsDir": "demos", 5 "libsDir": "packages" 6 } 7} 8

These settings would store apps in /demos/ and libraries in /packages/. The paths specified are relative to the workspace root.

This makes app or lib generators behave in the following way:

  • nx g app my-app creates a new application named my-app in the /demos/my-app folder
  • nx g lib my-lib creates a new library named my-lib in the /packages/my-lib folder
  • nx g app my-app --directory=nested creates a new application named nested-my-app in the /demos/nested/my-app folder
  • nx g lib my-lib --directory=shared/ui creates a new library named shared-ui-my-lib in the /packages/shared/ui/my-lib folder

If you accidentally generate a project in the wrong folder, use the move generator to move it to the correct location.

inputs & namedInputs

Named inputs defined in nx.json are merged with the named inputs defined in each project's project.json. In other words, every project has a set of named inputs, and it's defined as: {...namedInputsFromNxJson, ...namedInputsFromProjectsProjectJson}.

Defining inputs for a given target would replace the set of inputs for that target name defined in nx.json. Using pseudocode inputs = projectJson.targets.build.inputs || nxJson.targetDefaults.build.inputs.

You can also define and redefine named inputs. This enables one key use case, where your nx.json can define things like this (which applies to every project):

1"test": { 2 "inputs": [ 3 "default", 4 "^production" 5 ] 6} 7

And projects can define their production fileset, without having to redefine the inputs for the test target.

project.json
1{ 2 "namedInputs": { 3 "production": ["default", "!{projectRoot}/**/*.test.js"] 4 } 5} 6

In this case Nx will use the right production input for each project.

Project Configuration reference

inputs and namedInputs are also described in the project configuration reference

Customizing inputs and namedInputs

This guide walks through a few examples of how to customize inputs and namedInputs

Target Defaults

Target defaults provide ways to set common options for a particular target in your workspace. When building your project's configuration, we merge it with up to 1 default from this map. For a given target, we look at its name and its executor. We then check target defaults for any of the following combinations:

  • `${executor}`
  • `${targetName}`

Whichever of these we find first, we use as the base for that target's configuration. Some common scenarios for this follow.

Targets can depend on other targets. A common scenario is having to build dependencies of a project first before building the project. The dependsOn property in project.json can be used to define the list of dependencies of an individual target.

Often the same dependsOn configuration has to be defined for every project in the repo, and that's when defining targetDefaults in nx.json is helpful.

nx.json
1{ 2 "targetDefaults": { 3 "build": { 4 "dependsOn": ["^build"] 5 } 6 } 7} 8

The configuration above is identical to adding {"dependsOn": ["^build"]} to every build target of every project.

For full documentation of the dependsOn property, see the project configuration reference.

Project Configuration reference

For full documentation of the `dependsOn` property, see the project configuration reference

Another target default you can configure is outputs:

nx.json
1{ 2 "targetDefaults": { 3 "build": { 4 "outputs": ["{projectRoot}/custom-dist"] 5 } 6 } 7} 8

When defining any options or configurations inside of a target default, you may use the {workspaceRoot} and {projectRoot} tokens. This is useful for defining things like the outputPath or tsconfig for many build targets.

nx.json
1{ 2 "targetDefaults": { 3 "@nx/js:tsc": { 4 "options": { 5 "main": "{projectRoot}/src/index.ts" 6 }, 7 "configurations": { 8 "prod": { 9 "tsconfig": "{projectRoot}/tsconfig.prod.json" 10 } 11 }, 12 "inputs": ["prod"], 13 "outputs": ["{workspaceRoot}/{projectRoot}"] 14 }, 15 "build": { 16 "inputs": ["prod"], 17 "outputs": ["{workspaceRoot}/{projectRoot}"] 18 } 19 } 20} 21
Nx 15 and lower use @nrwl/ instead of @nx/
Target Default Priority

Note that the inputs and outputs are respecified on the @nx/js:tsc default configuration. This is required, as when reading target defaults Nx will only ever look at one key. If there is a default configuration based on the executor used, it will be read first. If not, Nx will fall back to looking at the configuration based on target name. For instance, running nx build project will read the options from targetDefaults[@nx/js:tsc] if the target configuration for build uses the @nx/js:tsc executor. It would not read any of the configuration from the build target default configuration unless the executor does not match.

Generators

Default generator options are configured in nx.json as well. For instance, the following tells Nx to always pass --buildable=true when creating new libraries.

nx.json
1{ 2 "generators": { 3 "@nx/js:library": { 4 "buildable": true 5 } 6 } 7} 8
Nx 15 and lower use @nrwl/ instead of @nx/

Tasks Runner Options

A task is an invocation of a target.

Tasks runners are invoked when you run nx test, nx build, nx run-many, nx affected, and so on. The tasks runner named "default" is used by default. Specify a different one like this nx run-many -t build --runner=another.

Tasks runners can accept different options. The following are the options supported by "nx/tasks-runners/default" and "nx-cloud".

PropertyDescription
cacheableOperationsdefines the list of targets/operations that are cached by Nx
paralleldefines the max number of targets ran in parallel (in older versions of Nx you had to pass --parallel --maxParallel=3 instead of --parallel=3)
captureStderrdefines whether the cache captures stderr or just stdout
skipNxCachedefines whether the Nx Cache should be skipped (defaults to false)
cacheDirectorydefines where the local cache is stored (defaults to node_modules/.cache/nx)
encryptionKey(when using "nx-cloud" only) defines an encryption key to support end-to-end encryption of your cloud cache. You may also provide an environment variable with the key NX_CLOUD_ENCRYPTION_KEY that contains an encryption key as its value. The Nx Cloud task runner normalizes the key length, so any length of key is acceptable
selectivelyHashTsConfigonly hash the path mapping of the active project in the tsconfig.base.json (e.g., adding/removing projects doesn't affect the hash of existing projects) (defaults to false)

You can configure parallel in nx.json, but you can also pass them in the terminal nx run-many -t test --parallel=5.