-
|
Hey, i want to add some css animation. I found out that papanasi uses css files in there components like in this repo dir: I've tried to import a css file, but the css file gets not generated. I tried to find out how they do it, but couldn't find anything. Is there a simple solution to include css animations with keyframes with mitosis? |
Beta Was this translation helpful? Give feedback.
Replies: 3 comments 1 reply
-
|
i've found a little workaround for my usecase. |
Beta Was this translation helpful? Give feedback.
-
Please file a github issue using the bug template, so we can further investigate these bugs. |
Beta Was this translation helpful? Give feedback.
-
If you want to import a CSS file, you're going to have to add the infrastructure necessary for each individual output, to process those CSS files using whatever methods you want (e.g. PostCSS plugin, CSS Modules, SASS, etc.) Mitosis itself does not do anything to handle CSS files for you, as it only concerns itself with compiling the component file. |
Beta Was this translation helpful? Give feedback.
-
|
Just saw Papanasi's setup: they are using Rollup for bundling, and therefore added a Rollup PostCSS plugin: https://github.com/CKGrafico/papanasi/blob/56ed9dd3c670f9b7588e356a7ff8a53e096f8082/rollup.config.js#L64 |
Beta Was this translation helpful? Give feedback.
If you want to import a CSS file, you're going to have to add the infrastructure necessary for each individual output, to process those CSS files using whatever methods you want (e.g. PostCSS plugin, CSS Modules, SASS, etc.)
Mitosis itself does not do anything to handle CSS files for you, as it only concerns itself with compiling the component file.