Tailwind and Preline UI

[Snt1ago]

Hi, as a user of Preline with Tailwind, I notice that the manual compilation is recurrent.
Is there any way to automate it and avoid always using the Tailwind command?

[wongjn]

Could you elaborate on what you mean by "the manual compilation is recurrent"? If you are using Tailwind CLI, you can use the --watch flag. Otherwise, most frameworks have a dev command or similar that automates recompilation.

[Snt1ago]

I mean that it is recurrent because it is not enough to use it only in the installation of Tailwind in console, because when I add a Preline component at some point Tailwind does not recognize the styles automatically, even if I use --watch and for it to do so I must run the command npx @tailwindcss/cli -i . /src/input.css -or ./src/output.css --watch --understand? and I want to know if there is a way to automate this, so that it can automatically recognize Preline.

[wongjn]

If the --watch flag doesn't reliably rebuild on code changes, you could consider using some other script that automates restarting the Tailwind build process.

[Snt1ago]

Use the CLI to install tailwind, do not use vite, etc. and every time I add or modify Preline UI components Tailwind does not recognize them automatically even if I save the changes in VSCode, which leads me to run every time the compile command “npx tailwindcss -i ./src/input.css -o ./dist/output.css”.

[wongjn]

Try using the --watch flag to automate rebuilds when code changes.