Tailwind v4 in Angular 17

00-tailwind-v4-with-angular.sh

# STEP 1
# 
# Install tailwind. We need the force flag because the angular builder
# has a peer dependency on tailwind ^2.0.0 || ^3.0.0
# Issue to address this: https://github.com/angular/angular-cli/issues/27585
#
$ npm i -D tailwindcss@next @tailwindcss/postcss@next --force

# STEP 2
#
# Add the postcss.config.json file below to the root of your project
# PLEASE NOTE: postcss config support is only available in Angular 17+

# STEP 3
#
# Add tailwind import to your styles.css or styles.scss file

postcss.config.json

{
  "plugins": {
    "@tailwindcss/postcss": {}
  }
}

styles.css

@import "tailwindcss";