I have monorepo under lerna that contains modules dependent one to another.
I have Text module that has import of css file in index.ts like:
import './text.css'
I have Button module that uses Text as dependency
And I have external application that use both of them.
Issue: When webpack build html it put all css in <head> so for example if button use Text v1.1.1 and my application use Text v2.2.2 one of them will override another... Can I say to webpack, when you add css as <style> tag wrap it with some class like:
.button {
/// put here css that comes from `Text` element under the `Button`
}
or may be if someone know other solutions for my issue? Thanks