Setting up Tailwind, the easy way

In the root of your ember app, follow these steps

1. add tailwindcss to your devDependencies


2. make a config/tailwind folder


3. copy these files to a your config/tailwind folder.


4. add <link integrity="" rel="stylesheet" href="{{rootURL}}assets/tailwind.css"> in your app/index.html


5. add <link rel="stylesheet" href="{{rootURL}}assets/tailwind.css"> in your tests/index.html


6. 
   

   add two package.json scripts:
   
   

   
   

   "tailwind:build":
     "npx tailwindcss -c ./config/tailwind/tailwind.config.js -i ./config/tailwind/tailwind-input.css -o ./public/assets/tailwind.css",
   "tailwind:watch": 
     "npx tailwindcss -c ./config/tailwind/tailwind.config.js -i ./config/tailwind/tailwind-input.css -o ./public/assets/tailwind.css --watch"
   

   
   


7. 
   

   change your build script …

app build css easy ember files html index javascript json package scripts tailwindcss tests