Construí una aplicación de reacción con create-react-app e importé todos los archivos css como

 import '../Styles/dashboardStyles.css'

En la versión de producción, todos los archivos css se minimizan y el css común se aplica a cada página en lugar de a la página en particular que se aplicó.

P.EJ

 src/Styles/dashboardStyle.css: h1 { color: (some color); } src/Styles/loginStyle.css: h1 { color: (some other color); } p { color: (some color); }

No quiero que se aplique ningún color o estilo de dashboardStyle.css en loginStyle.css . Pero, en el proceso de minificación, los archivos css se concatenan y los estilos se mezclan.

Por favor ayúdame a resolver este problema.