gajus / gajus/babel-plugin-react-css-modules
How to Ignore Third Party Component css files while using babel-plugin-react-css-modules
- Lenguaje dominante
- JavaScript
- Estrellas
- 2k
- Forks
- 159
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Descripción
I have this situation where in one of my Component JSX file (For Eg. List.jsx) is importing the styles as follows:
```
import styles from "./css/list.rcss";
import "fixed-data-table.css";
import "./css/fixed-data-table.css";
```
1st import, the .rcss is our local css files where we use the react-css-modules rules
2nd import belongs to the FixedDataTable Component (Third Party)
3rd import is Global css file that uses standard css rules
This works well with **react-css-modules** but **babel-plugin-react-css-modules** throws the error because we are importing two anonymous imports.
Is there a workaround or fix for this?
Guía de contribución
No hay ninguna guía de contribución indexada para este repositorio
Línea de trabajo
Comienza con el ejemplo de importación de List.jsx e inspecciona cómo babel-plugin-react-css-modules gestiona la importación local de .rcss junto con las dos importaciones anónimas de CSS. Reproduce el error indicado con estas tres importaciones y verifica después que las importaciones de CSS de terceros y globales ya no fallen, mientras el procesamiento de módulos CSS siga funcionando; en el issue no se especifica ningún archivo de prueba concreto.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- babel, css, javascript, react
- Área
- frontend, tooling
- Tipo de issue
- Error
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 35/100