@nx/webpack

The Nx plugin for webpack.

Webpack is a static module bundler for modern JavaScript applications. The @nx/webpack plugin provides executors that allow you to build and serve your projects using webpack, plus an executor for SSR.

Nx now allows you to customize your webpack configuration for your projects. And we also offer a number of webpack plugins for supporting Nx and other frameworks.

Setting up a new Nx workspace with Webpack

You can create a new workspace that uses Webpack with one of the following commands:

  • Generate a new standalone React app set up with Webpack

npx create-nx-workspace@latest --preset=react-standalone --bundler=webpack

  • Generate a new React monorepo set up with Webpack

npx create-nx-workspace@latest --preset=react-monorepo --bundler=webpack

Generate a new project using Webpack

You can generate a React application or a Web application that uses Webpack in an existing Nx workspace. The @nx/react:app, @nx/node:app and @nx/web:app generators accept the bundler option, where you can pass webpack. This will generate a new application configured to use Webpack, and it will also install all the necessary dependencies, including the @nx/webpack plugin.

To generate a React application using Webpack, run the following:

1nx g @nx/react:app my-app --bundler=webpack 2
Nx 15 and lower use @nrwl/ instead of @nx/

To generate a Node application using Webpack, run the following:

1nx g @nx/node:app my-app --bundler=webpack 2
Nx 15 and lower use @nrwl/ instead of @nx/

To generate a Web application using Webpack, run the following:

1nx g @nx/web:app my-app --bundler=webpack 2
Nx 15 and lower use @nrwl/ instead of @nx/

Package reference

Here is a list of all the executors and generators available from this package.

Guides

Executors

Generators

  • initInternal

    Initialize the @nrwl/webpack plugin.

  • configurationInternal

    Add webpack configuration to a project.