@nrwl/vite:configuration

Add Vite Configuration to an application.

This is a generator for setting up Vite configuration for an existing React or Web application. It will change the build and serve targets to use the @nrwl/vite executors for serving and building the application. This generator will modify your code, so make sure to commit your changes before running it.

When running this generator, you will be prompted to provide the following:

• The project, as the name of the project you want to generate the configuration for.
• The uiFramework you want to use. Supported values are: react and none.

You must provide a project and a uiFramework for the generator to work.

You can read more about how this generator works, in the Vite package overview page.

Examples

Change a React app to use Vite

This will change the my-app project to use Vite instead of the default Webpack configuration. The changes this generator will do are described in the Vite package overview page.

Change a Web app to use Vite

This will change the my-app project to use Vite instead of the existing bundler configuration.

Usage

By default, Nx will search for configuration in the default collection provisioned in workspace.json.

You can specify the collection explicitly as follows:

Show what will be generated without writing to disk: