Multiple Instances of Same CSS Block
Opened this issue · 1 comments
saurabhdaware commented
Describe the bug
While using a component, if you reuse the component multiple times, it is currently adding inlined CSS of that component multiple times as well
To Reproduce
- Create a component
- Import it and call it multiple times
Expected behavior
- I feel we should add it to a separate CSS file and import the css file.
Screenshots
Specs:
- Abell Version:
- Node Version:
- Operating System:
Additional context
saurabhdaware commented
We'll have to stop appending the css inlined to components and instead extract some sort of css-stats.json
file that has css related to a file.
Then we can have some function like collectCSS
(similar to stitches, styled-components, and any other css-in-js library) and then generate a css file based on that.