The Nx Plugin for Webpack contains executors and generators that support building applications using Webpack.

webpack

The threshold for error relative to the baseline (min & max).

The maximum threshold for error relative to the baseline.

The maximum threshold for warning relative to the baseline.

The minimum threshold for error relative to the baseline.

The minimum threshold for warning relative to the baseline.

The threshold for warning relative to the baseline (min & max).

Base url for the application being built.

Budget thresholds to ensure parts of your application stay within boundaries which you set.

Read buildable libraries from source instead of building them separately.

Use a separate bundle containing code used across multiple bundles.

The `crossorigin` attribute to use for generated javascript script tags.  One of 'none' | 'anonymous' | 'use-credentials'.

URL where the application will be deployed.

Conditional polyfills loaded in browsers which do not support `ES2015`.

Dependencies to keep external to the bundle. (`all` (default), `none`, or an array of module names)

Extract all licenses in a separate file, in the case of production builds only.

Replace files with other files in the build.

Generates `index.html` file to the output path. This can be turned off if using a webpack plugin to generate HTML such as `html-webpack-plugin`.

Generates a `package.json` file with the project's `node_module` dependencies populated for installing in a container. If a `package.json` exists in the project's directory, it will be reused with dependencies populated.

HTML File which will be contain the application.

Number of workers to use for type checking.

Memory limit for type checking service process in `MB`.

Names the produced bundles according to their entry file.

Enables optimization of the build output.

Define the output filename cache-busting hashing mode.

Set a path to PostCSS config that applies to the app and all libs. Defaults to `undefined`, which auto-detects postcss.config.js files in each `app`/`lib` directory.

Log progress to the console while building.

Use a separate bundle containing the runtime.

External Scripts which will be included before the main application entry.

Output sourcemaps. Use 'hidden' for use with error reporting tools without generating sourcemap comment.

Generates a 'stats.json' file which can be analyzed using tools such as: 'webpack-bundle-analyzer' or `<https://webpack.github.io/analyse>`.

Paths to include. Paths will be resolved to project root.

Enables the use of subresource integrity validation.

Target platform for the build, same as the Webpack target option.

List of TypeScript Compiler Transfomers Plugins.

The name of the Typescript configuration file.

Use a separate bundle containing only vendor libraries.

Path to a function which takes a webpack config, some context and returns the resulting webpack config. See https://nx.dev/guides/customize-webpack

Webpack Executor

dev-server

This option allows you to whitelist services that are allowed to access the dev server.

Whether to reload the page on change, using live-reload.

Public URL where the application will be served.

SSL certificate to use for serving `HTTPS`.

Watches for changes and rebuilds application.

Web Dev Server

init

Init Webpack Plugin

webpack-project

Add a serve target to run a local webpack dev-server

Path relative to the workspace root for the main entry file. Defaults to '<projectRoot>/src/main.ts'.

Do not add dependencies to `package.json`.

Target platform for the build, same as the Webpack config option.

Path relative to the workspace root for the tsconfig file to build with. Defaults to '<projectRoot>/tsconfig.app.json'.

Path relative to workspace root to a custom webpack file that takes a config object and returns an updated config.

@nrwl/webpack:webpack-project

Usage

Options

compiler

devServer

main

project

skipFormat

skipPackageJson

tsConfig

target

webpackConfig