Exposing webcomponent results in injected css into hosts DOM #195
-
I have a webcomponent created with Lit. import style from './app.css';
export class CustomComponent extends LitElement {
static styles = css`${style}`
... Because I use an import statement, a css file is being built and in my remoteEntry.js it's injected directly into my hosts and breaks some host styles. (The styles are also in my webcomponent, so if I remove the link to the stylesheet, everything is fine) Is there a way to tell the federation plugin not to inject the css file into the host DOM? |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
Solution found. |
Beta Was this translation helpful? Give feedback.
Solution found.
Inspiration if someone needs it: https://github.com/r3dDoX/lit-tailwind-integration/tree/main