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

Document how to use with create-react-app

Abierto
#247 14 comentarios 0 reacciones 0 asignados Ver en GitHub
enhancement
Lenguaje dominante
JavaScript
Estrellas
2k
Forks
159
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

tl;dr;

Use https://github.com/sharegate/craco.

Create `craco.config.js`:

```js
const CSS_MODULE_LOCAL_IDENT_NAME = '[local]___[hash:base64:5]';

module.exports = {
style: {
modules: {
camelCase: true,
localIdentName: CSS_MODULE_LOCAL_IDENT_NAME
}
},
babel: {
loaderOptions: {
// Without this Babel caches module name resolution,
// e.g. wrongly identifies that CSS module does not exist.
cacheDirectory: false,
},
plugins: [
[
'babel-plugin-react-css-modules',
{
attributeNames: {
activeStyleName: 'activeClassName'
},
filetypes: {
'.scss': {
syntax: 'postcss-scss'
}
},
generateScopedName: CSS_MODULE_LOCAL_IDENT_NAME,
handleMissingStyleName: 'warn'
}
]
]
}
};

```

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Línea de trabajo

Localiza en la documentación del repositorio o en la sección README las instrucciones de integración y revisa el proyecto craco enlazado. Añade el ejemplo proporcionado de craco.config.js y explica cómo permite su uso con Create React App; el trabajo estará terminado cuando un usuario pueda seguir la configuración documentada.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
babel, javascript, react
Área
documentation, frontend
Tipo de issue
Documentación
Dificultad
2/5
Tiempo estimado
1-3 horas
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.