Generate unique class name in css file if it referenced in JSX
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 5/5
- Tiempo estimado
- Más de una semana
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- babel, bootstrap, javascript, react, scss
- Área
- frontend
Línea de trabajo
En el issue no se nombra ningún archivo fuente, prueba ni punto de entrada. Empieza trazando cómo el plugin de Babel transforma styleName y cómo se representan los nombres de clase SCSS anidados; se considera terminado cuando el uso de styleName únicamente en el padre produce el comportamiento solicitado de una clase única para el ejemplo de Bootstrap mostrado.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
I want to request a feature. Rather than having to use styleName on every element we can put it only on parent element and use existing global class. So JSX syntax will more simpler to look.
For example when I use bootstrap:
<div styleName="container">
<div className="card" styleName="card">
<div className="card-header" styleName="card-header">Title Here</div>
<div className="card-body" styleName="card-body">Body Here</div>
</div>
</div>
Will much simpler to look if we put styleName only on parent element:
<div styleName="container">
<div className="card">
<div className="card-header">Title Here</div>
<div className="card-body">Body Here</div>
</div>
</div>
so SCSS:
.container { <-- generate only this to be a unique class Name
margin: 0;
.card {
font-size: 14px;
.card-header {
background: #ddd;
}
.card-body {
background: #f8f8f8;
}
}
}
- Lenguaje dominante
- JavaScript
- Estrellas
- 2k
- Forks
- 159
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de gajus/babel-plugin-react-css-modules
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
-
doesn't work with thread-loaderAbierto
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
gajus/babel-plugin-react-css-modules#309 · 1 reacción ·
-
doesn't work with windicssPosiblemente ocupada @lili21 la tomó hace 1776 días. Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
-
Dificultad 3/5 1-2 días Aptitud para principiantes 20/100
gajus/babel-plugin-react-css-modules#306 · 1 comentario ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
gajus/babel-plugin-react-css-modules#304 · 7 comentarios · 1 reacción ·
Todos los issues de gajus/babel-plugin-react-css-modules
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 77/100
Los mantenedores suelen responder en 1 día
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 80/100
MagicMirrorOrg/MagicMirror#4310 · 1 comentario · 1 reacción ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
bluerobotics/Cockpit-docs#48 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
tc39/proposal-temporal#3332 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
opennextjs/opennextjs-cloudflare#1461 ·
Los mantenedores suelen responder en 1 día