CSS @keyframe animations omitted from prod build

[heswell]

I've created some react components, which render svg and which we are using in our docusaurus site. These depend on css keyframe animations. In dev, everything is fine. The CSS imported by my components is included in the CSS bundle which is deployed to build when I run a prod build, but all the @Keyframes declarations are missing, (so of course none of our animations work).

I assume whatever css processor webpack is configured with is doing this - how can I get at this to try and fix it ?

I've tried hacking the css into a global css file included using clientModules with no success - any css except for @Keyframe animations gets included, the @Keyframe animations are stripped.

If I deploy them as a static asset, is there a way to add the link to include them to the index.html ?

[heswell]

Only solution I was able to get working. Take the css from my component and add it to a stylesheet in static assets. Add to stylesheets in config.

[slorber]

https://docusaurus.io/docs/next/cli#docusaurus-build-sitedir

Try:

• --no-minifybuild option
• USE_SIMPLE_CSS_MINIFIER=true

Outside of that it's impossible to you help more without a minimal repro that isolates the problem