gajus / gajus/babel-plugin-react-css-modules
Temporary fix for those have trouble with newer version of webpack / css-loader.
- Vorherrschende Sprache
- JavaScript
- Sterne
- 2k
- Forks
- 159
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
It turns out that `babel-plugin-react-css-modules` is using `generic-names` v2, which is different a bit with newer `Webpack` in the [hash].
`generic-names` v3 solve it. see [this update](https://github.com/css-modules/generic-names/commit/191c17e0784275e7918700d3bed3dc0195408259).
So we can manually replace the `generateScopedName` with `createGenerator` from `generic-names` v3.
Like this
``` JavaScript
const createGenerator = require('generic-names');
const plugins = [
[
'babel-plugin-react-css-modules',
{
generateScopedName: createGenerator('[name]__[local]_[hash:base64:5]'),
exclude: 'node_modules',
},
],
];
```
I've done this in my own project and it works fine. Have a try. Best wishes~
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Rechercherichtung
Keine Repository-Datei oder kein Test ist benannt. Beginne damit nachzuverfolgen, wie das Plugin generic-names integriert, und vergleiche seine scoped-name-Generierung mit dem verlinkten generic-names v3-Update; als erledigt gilt die Aufgabe, wenn neuere webpack/css-loader-Versionen ohne den manuellen Konfigurations-Workaround funktionieren.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- babel, javascript, webpack
- Bereich
- build-system, frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 35/100