Tengo monorepo bajo lerna que contiene módulos que dependen uno del otro.
Tengo un módulo de Text que importa un archivo css en index.ts como:
import './text.css' Tengo un módulo Button que usa Text como dependencia
Y tengo una aplicación externa que los usa a ambos.
Problema: cuando webpack compila html, coloca todo CSS en <head> , por lo que, por ejemplo, si el botón usa Text v1.1.1 y mi aplicación usa Text v2.2.2 uno de ellos anulará a otro ... ¿Puedo decirle a webpack, cuando agrega css como etiqueta <style> envuélvalo con alguna clase como:
.button { /// put here css that comes from `Text` element under the `Button` }o puede ser si alguien conoce otras soluciones para mi problema? Gracias