@nx/angular:setup-tailwind

Adds the Tailwind CSS configuration files for a given Angular project and installs, if needed, the packages required for Tailwind CSS to work.

Examples

The setup-tailwind generator can be used to add Tailwind configuration to apps and publishable libraries.

To generate a standard Tailwind setup, just run the following command.

nx g @nx/angular:setup-tailwind myapp

Nx 15 and lower use @nrwl/ instead of @nx/

Usage

nx generate setup-tailwind ...

By default, Nx will search for setup-tailwind in the default collection provisioned in workspace.json.

You can specify the collection explicitly as follows:

nx g @nx/angular:setup-tailwind ...

Nx 15 and lower use @nrwl/ instead of @nx/

Show what will be generated without writing to disk:

nx g setup-tailwind ... --dry-run

Options

project

Required

string

The name of the project to add the Tailwind CSS setup for.

buildTarget

string

Default: build

The name of the target used to build the project. This option only applies to buildable/publishable libraries.

stylesEntryPoint

string

Path to the styles entry point relative to the workspace root. If not provided the generator will do its best to find it and it will error if it can't. This option only applies to applications.

skipFormat

Internal

boolean

Skips formatting the workspace after the generator completes.

skipPackageJson

Internal

boolean

Default: false

Do not add dependencies to package.json.