You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hi, there is a strange behaviour. I've just set up Panda on a Vite project, everything is default config.
If I put @layer reset,base,tokens,recipes; in my index.css, the built file will have exactly this, nothing else.
If I include the last one, utilities, such that it looks like this:
@layer reset, base, tokens, recipes, utilities;
Then it'll generate me a 15 KB CSS, file, 700 lines when unminified, which contains every possible variable, those I'm not even using. I mean even things like --colors-zinc-800: #27272a;.
Is there something in utilities which is breaking the tree-shaking? I mean both behaviour seem broken to me, The 4 layers => not including the reset, the 5 layers => including everything, with no tree shaking.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Hi, there is a strange behaviour. I've just set up Panda on a Vite project, everything is default config.
If I put
@layer reset,base,tokens,recipes;
in my index.css, the built file will have exactly this, nothing else.If I include the last one,
utilities
, such that it looks like this:Then it'll generate me a 15 KB CSS, file, 700 lines when unminified, which contains every possible variable, those I'm not even using. I mean even things like
--colors-zinc-800: #27272a;
.Is there something in utilities which is breaking the tree-shaking? I mean both behaviour seem broken to me, The 4 layers => not including the reset, the 5 layers => including everything, with no tree shaking.
Beta Was this translation helpful? Give feedback.
All reactions