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.
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}
37Extends
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.
defaultBasedefines the default base branch, defaulted tomain.
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}
6This setting makes app or lib generators behave in the following way:
nx g app my-appcreates a new application namedmy-appin the/my-appfoldernx g lib my-libcreates a new library namedmy-libin the/my-libfoldernx g app my-app --directory=apps/nested/my-appcreates a new application namedmy-appin the/apps/nested/my-appfoldernx g lib my-lib --directory=libs/shared/ui/my-libcreates a new library namedmy-libin the/libs/shared/ui/my-libfolder
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}
8These 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-appcreates a new application namedmy-appin the/demos/my-appfoldernx g lib my-libcreates a new library namedmy-libin the/packages/my-libfoldernx g app my-app --directory=nestedcreates a new application namednested-my-appin the/demos/nested/my-appfoldernx g lib my-lib --directory=shared/uicreates a new library namedshared-ui-my-libin the/packages/shared/ui/my-libfolder
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}
7And projects can define their production fileset, without having to redefine the inputs for the test target.
1{
2 "namedInputs": {
3 "production": ["default", "!{projectRoot}/**/*.test.js"]
4 }
5}
6In this case Nx will use the right production input for each project.
inputs and namedInputs are also described in the project configuration reference
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.
1{
2 "targetDefaults": {
3 "build": {
4 "dependsOn": ["^build"]
5 }
6 }
7}
8The 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.
For full documentation of the `dependsOn` property, see the project configuration reference
Another target default you can configure is outputs:
1{
2 "targetDefaults": {
3 "build": {
4 "outputs": ["{projectRoot}/custom-dist"]
5 }
6 }
7}
8When 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.
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}
21Note 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.
1{
2 "generators": {
3 "@nx/js:library": {
4 "buildable": true
5 }
6 }
7}
8Tasks 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".
| Property | Description |
|---|---|
| cacheableOperations | defines the list of targets/operations that are cached by Nx |
| parallel | defines the max number of targets ran in parallel (in older versions of Nx you had to pass --parallel --maxParallel=3 instead of --parallel=3) |
| captureStderr | defines whether the cache captures stderr or just stdout |
| skipNxCache | defines whether the Nx Cache should be skipped (defaults to false) |
| cacheDirectory | defines 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 |
| selectivelyHashTsConfig | only 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.