search

MadnessLabs / enjin-components

A set of components to help the app building process
MIT License
36 stars 6 forks source link

Live Reload CSS Changes #2

Open justjoeyuk opened 4 years ago

justjoeyuk commented 4 years ago

I've cloned this project and I've been able to make it run as expected, whilst live-reloading when the TypeScript files change. However, when I change the CSS files (or the SASS files, using the Sass plugin for Stencil) - the changes are propagated to the relevant dist/collection/{component}/{component}.css files.

The generated by Stencil also updates the CSS. However, there is a style tag just below the one that gets updated that uses a more specific, stale version of the CSS.

Is this a known issue with a workaround?

popcorn245 commented 4 years ago

So sorry I didn't get back to you on this @justjoeyuk. I have noticed this myself as well, I haven't spent much time debugging it, but it sounds like you have nailed it down. Have you made any progress on this? If not I will try to take a look, but I can't promise I will be fast, we have been swamped. 😅

justjoeyuk commented 4 years ago

Unfortunately, I didn't manage to - but it looks like the team building Storybook are making Web Component integration a very high priority, so seems like a temporary pain point until we can get stencil working out the box!

popcorn245 commented 4 years ago

They are in talks on how to fix this on Storybook's Github. I will drop the link here so that we have reference.

Framework support - Stencil.js #4600