5

我正在尝试开始使用react-css-modulesw/ babel-plugin-react-css-modules。目前我有一个运行反应的电子锻造应用程序。

我的.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，但是当我尝试运行时仍然出现编译错误 no compiler found ：

import "mystyles.css"

4

0 回答 0