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
In my React Vite application I have react components that are using scoped CSS styling.
When I expose the component, i expect the styling to be exposed too but it doesn't seem to be.
If I look in the remoteEntry.js the dynamicLoadingCss function doesn't seem to be called.
If i set the cssCodeSplit: false then all the styling from the application is bundled and exposed, not only the scoped styling for the component i'm exposing and the remoteEntry.js does call the dynamicLoadingCss(["style-CGhk06fp.css"], false, './One');
How do I expose only the styling that belongs to the exposed component?
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
-
In my React Vite application I have react components that are using scoped CSS styling.
When I expose the component, i expect the styling to be exposed too but it doesn't seem to be.
This is how my vite.config looks like:
If I look in the
remoteEntry.js
thedynamicLoadingCss
function doesn't seem to be called.If i set the
cssCodeSplit: false
then all the styling from the application is bundled and exposed, not only the scoped styling for the component i'm exposing and theremoteEntry.js
does call thedynamicLoadingCss(["style-CGhk06fp.css"], false, './One');
How do I expose only the styling that belongs to the exposed component?
Beta Was this translation helpful? Give feedback.
All reactions