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

Temporary fix for those have trouble with newer version of webpack / css-loader.

Offen
#304 7 Kommentare 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen
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

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.