Реактивные CSS-модули, babel-plugin-реагировать-css-модули с электронным компиляцией без веб-пакета
Я пытаюсь начать использовать react-css-modules
w / babel-plugin-реагировать-css-модули. В настоящее время у меня есть электронная кузница, работающая с реакцией.
мой .compilerc
выглядит следующим образом:
{
"env": {
"development": {
"application/javascript": {
"presets": [
["env", { "targets": { "electron": "2.0.0" } }],
"es2015", "stage-0", "react"
],
"plugins": ["transform-decorators-legacy", "transform-runtime"],
"sourceMaps": "inline"
}
},
"production": {
"application/javascript": {
"presets": [
["env", { "targets": { "electron": "2.0.0" } }],
"es2015", "stage-0", "react"
],
"plugins": ["transform-decorators-legacy", "transform-runtime"],
"sourceMaps": "none"
}
}
}
}
Я так понимаю .compilerc
аналогично .babelrc
(У меня нет .babelrc
файл), см.: электронная компиляция (которую использует электронная кузница - я думаю)
Тем не менее, у меня есть .css
файлы в каталоге моего проекта, и если я запустите DEBUG=* electron-forge start
Я вижу, что только что прошел (не предварительно обработанный)
Я пробовал добавлять react-css-modules
к моему plugins
линия в .compilerc
а также создание нового .babelrc
.compilerc
:
"env": {
"development": {
"application/javascript": {
"presets": [
["env", { "targets": { "electron": "2.0.0" } }],
"es2015", "stage-0", "react"
],
"plugins": ["react-css-modules", "transform-decorators-legacy", "transform-runtime"],
"sourceMaps": "inline"
}
},
.babelrc
{
"env": {
"development": {
"application/javascript": {
"plugins": ["react-css-modules"]
}
}
}
}
Оба из которых после запуска yarn add babel-plugin-react-css-modules -s
, но я все еще получаю ошибку компиляции, при попытке запуска компилятор не найден:
import "mystyles.css"