Реактивные 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"

0 ответов

Другие вопросы по тегам