gajus / gajus/babel-plugin-react-css-modules
Cannot use absolute paths for importing css files
- Lingua principale
- JavaScript
- Stelle
- 2k
- Fork
- 159
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Descrizione
```
{
"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?
Guida per i contributori
Nessuna guida per i contributori indicizzata per questo repository
Direzione di ricerca
Non sono indicati file o test del repository. Inizia tracciando il modo in cui il plugin Babel gestisce gli import CSS relativi e assoluti mostrati, confrontando tale comportamento con il resolver di webpack e la configurazione fornita; il lavoro è completato quando import come `src/styles/main.pcss` vengono risolti correttamente senza compromettere gli import relativi.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- javascript, react, webpack
- Ambito
- build-system, frontend
- Tipo di issue
- Bug
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Stato di attività
- Ferma
- Chiarezza
- Da chiarire
- Idoneità per principianti
- 35/100