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

Cannot use absolute paths for importing css files

Offen
#193 1 Kommentar 3 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
JavaScript
Sterne
2k
Forks
159
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

```
{
"presets": ["env", "react"],
"plugins": [
"transform-runtime",
"transform-object-rest-spread",
"react-hot-loader/babel",
"syntax-dynamic-import",
"universal-import",
[
"react-css-modules",
// https://github.com/gajus/babel-plugin-react-css-modules
{
"exclude": "node_modules",
"webpackHotModuleReloading": true,
"handleMissingStyleName": "warn",
"generateScopedName": "[name]__[local]___[hash:base64:5]",
"filetypes": {
".pcss": {
"syntax": "postcss-scss"
}
}
}
]
]
}
```
I tried using the context property but it didn't solve my issue.

Imports like:

`import './styles/main.pcss';` works.

but

`import 'src/styles/main.pcss';` doesn't work.

In the post([https://www.jjinux.com/2018/04/javascript-porting-from-react-css.html](https://www.jjinux.com/2018/04/javascript-porting-from-react-css.html)), I read that the plugin isn't very good at respecting webpack resolver. Are there any plans to provide support for this feature or is there a way to configure the plugin to resolve paths?

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Rechercherichtung

Es werden keine Repository-Dateien oder Tests genannt. Beginne damit, nachzuverfolgen, wie das Babel-Plugin die gezeigten relativen und absoluten CSS-Imports verarbeitet, und vergleiche dieses Verhalten mit dem webpack-Resolver und der bereitgestellten Konfiguration; abgeschlossen ist die Aufgabe, wenn Imports wie `src/styles/main.pcss` erfolgreich aufgelöst werden, ohne relative Imports zu beeinträchtigen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react, webpack
Bereich
build-system, frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

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