Watch mode not working for custom file extension

[Kcko]

Hi,

Im using tailwind (last version) + scss together via post-css.
Everything works fine.

Im using npm script for watch mode
"dev:tw:watch2": "set TAILWIND_MODE=watch&postcss --env dev ./www/sass/screen.scss -o ./www/assets/css/app.dev.css --watch --verbose", and its works fine.

But Tailwind doesn't track my files with a .latte extension (similar to a twig system). I must resave css / scss file and TW regenerate all ... its confusing.

tailwind.config.js

module.exports = {
    //content: ['./src/**/*.{html,js}'],
    content: ['**/*.latte'],
    theme: {
        extend: {},
    },
    plugins: [],
};

And here is short video hot it works / dont works ;-)

https://bit.ly/3ua5n3F

Can you help me how to set it right or what am I doing wrong?

[Kcko]

I tried with .html and same result, watch mode works me only with css file .. :(

[Kcko]

Hmm strange!

With concrete file it fully works!
test.latte is on the same level like tailwind.config.js
content: ['./app/**/*.{html,latte}', './test.latte'],

But i really have correct structure ( app/FrontModule/templates/RealEstate/rozcestnik.latte) so './app/**/*.{html,latte}' should it work right?

Video: https://bit.ly/3IoI1fK

I don't understand and I'm starting to get unhappy 😣

Edit: with full path works again
content: ['./app/**/*.{html,latte}', './test.latte', './app/FrontModule/templates/RealEstate/rozcestnik.latte'],

[Kcko]

its look like that failing with wildcars, but why