I’ve successfully migrated from webpack to esbuild on a Phoenix 1.6 + Tailwind 2 app, following this PR and it’s working great.
But, there’s something weird happening, when I change a CSS file, esbuild kicks in to build the assets, but then it enters an infinite loop and it keeps building again and again.
My theory is that when the output is saved to priv/static/assets, it triggers a new build. I’ve proved this by modifying app.css file there, and yes it enters into infinite building again. It also happens when modifying non-CSS files like a .html.heex file.
Here’s a video showing this issue:
And here are the relevant parts of my code configuration:
There has to be something wrong on my side, but I’m unable to find it. Any ideas?
it seems to be tailwindcss is looping, which concrete version are you running as I think versions before 2.2.6 or 2.2.7 are having the stale process issue, you may also check if there are running tailwind processes (except from the tailwind plugin in vscode), even when you are not running the application