angular tailwind template (angular 15)

.md

Angular Tailwind Template

this should work for angular version 12 above

this template will automate the creation process of angular and tailwind as manually instructed here: https://tailwindcss.com/docs/guides/angular

create angular app

npx -p @angular/cli ng new $(basename "$PWD") --directory=./ --skip-git --style=scss --defaults

install tailwind

npm install -D tailwindcss postcss autoprefixer \
  && npx tailwindcss init

configure tailwind for angular

sed -i 's/content: \[\]/content: \[\".\/src\/**\/*.{html,ts}"]/g' tailwind.config.js \
  && printf "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n" | tee -a src/styles.scss

.sh

npx -p @angular/cli ng new $(basename "$PWD") --directory=./ --skip-git --style=scss --defaults \
  && npm install -D tailwindcss postcss autoprefixer \
  && npx tailwindcss init \
  && sed -i 's/content: \[\]/content: \[\".\/src\/**\/*.{html,ts}"]/g' tailwind.config.js \
  && printf "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n" | tee -a src/styles.scss