gajus / gajus/babel-plugin-react-css-modules

How to Ignore Third Party Component css files while using babel-plugin-react-css-modules

Abierto
#98 16 comentarios 1 reacción 0 asignados Ver en GitHub
question
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

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.