gajus / gajus/babel-plugin-react-css-modules
SASS @at-root generated class names do not work with plugin
- Vorherrschende Sprache
- JavaScript
- Sterne
- 2k
- Forks
- 159
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
When using SASS `@at-root` directive and referencing the parent class name with `#{&}`, the babel plugin is unable to find a class, but the class exists at runtime. Below is the error I'm getting, here is the basic setup:
```scss
.ResultWrapperHeader {
...
@at-root #{&}__title {
...
}
}
```
Which outputs to:
```css
.ResultWrapperHeader {...}
.ResultWrapperHeader__title {...}
```
The plugin gives me this error message: `Could not resolve the styleName 'ResultWrapperHeader__title'.`
This may just be something that is not supported with the babel plugin version, since the plugin would have to process the sass to css in order to know what the class name is. Is there a way around this issue and still use this nested pattern (other than not using nesting)?
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Rechercherichtung
Beginne damit, den im Issue beschriebenen Sass-Schnipsel und den Fehler des babel plugin zu reproduzieren. Verfolge die Auflösung des Klassennamens durch das Plugin für die generierte Klasse ResultWrapperHeader__title; abgeschlossen ist die Aufgabe, wenn die gültige generierte Klasse ohne den gemeldeten Fehler aufgelöst wird.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- babel, javascript, react, sass
- Bereich
- frontend, tooling
- Issue-Typ
- Bug
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 35/100