Command removing tailwindcss in the input.css

user_18746626 0
Viewed 173

When I run: npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch

My output.css gets mostly deleted, and only contains a handful of tailwind css, see image:

enter image description here

I have to run: npx tailwindcss-cli@latest build ./src/input.css -o ./dist/output.css to rebuild the file which gets all the tailwind css see:

enter image description here

But when I run: npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch it deletes the output.css again!

I've cleared the NPM cache, re-installed Tailwindcss on a new project and it produces the same issue.

Any help would be welcome, just starting out with backend programming!

tailwind-css css
1 Answers

If you use the build command tailwind iterate over your content and check which styles you are use. The other styles are purged. That is a feature of tailwind and makes sure you don't load all the overhead styles you don't use into the CSS file.

user_148071110
Related