How to get the stackblitz postcss JIT demo to remove rules?

[roblevintennis]

I'm using a fork of the stackblitze example, and I believe I've removed everything but one usage of open props custom properties, I run npm run build and I look at generated .css file and it appears to still have everything.

Lmk if I'm doing something wrong with stackblitz (I don't use this much) but I would think I'm following correct steps to see the JIT rule removal ¯_(ツ)_/¯

https://stackblitz.com/edit/jit-open-props-szgzi4?file=dist/assets/index.540a222e.css

Preview:

[argyleink]

gotta remove both of these imports.

[roblevintennis]

Ah I see now -- your requiring it in the postcss.config.js already hadn't noticed that. Thanks.

[argyleink]

it's not about removal of rules, it's about using them and having them automatically added on use 👍🏻

[roblevintennis]

Actually, now that I've removed the imports as you've mentioned the result is as I expected:

Nifty 🎉

[jasikpark]

yeah, i think making it more explicitly clear that it's about automatically generating what you need & that you don't need to import anything would be helpful! 😁

[roblevintennis]

Now that you've helped me get it working (🙏 @argyleink) I'm wondering in a large project how I'd leverage pointing jit to all my various css files e.g. can I take:

{files: ['./props.css']} from the example and do glob'ing like:

{files: ['./**/vendor/*.css', './libs/**/*.css', 'path/to/one-off.css']}?

[argyleink]

that's a question for the jit-props plugin!

but i can partially answer here: glob import is not supported. there's def room for more options and stronger features in the import mechanisms of that plugin 👍🏻