用反应型CRA建立电子

Question

_____项目描述_____

我开始了我的打字稿和反应项目作为一个网络应用程序，我目前正在把它完全转换成一个电子应用程序。不过，我在这件事上有点麻烦。

_____，我现在在_____

我跟随本教程让电子开始工作。它工作得很好，除了electron.js文件(在称为main.js的教程中，我把它放在我的src文件夹中，而不是public文件夹)是一个javascript文件之外。这并不妨碍我的应用程序的运行，但我更希望它以类型记录格式。这就是我被困的原因。我将其转换为一个类型记录文件，但我无法从package.json配置中指向该文件。

_____问题描述_____

据我理解，main属性在package.json中需要指向这个electron.ts文件。但是，当然，该文件不能正确处理，因为它不是javascript文件。

_____问题_____

我如何以某种方式指向electron.ts文件？在运行时生成的转置代码位于哪里？也许我可以将main属性指向那里？

_____ package.json _____

  ...,
  "scripts": {
    "start": "node scripts/start.js",
    "build": "node scripts/build.js",
    "test": "node scripts/test.js --env=jsdom",
    "electron-dev": "concurrently \"BROWSER=none npm run start\" \"wait-on http://localhost:3000 && electron .\"",
    "electron-pack": "build -- em.main=build/electron.js",
    "preelectron-pack": "npm run build"
  },
  "main": "src/electron.ts",
  "homepage": "./",
  "build": {
    "appId": "com.example.electron-cra",
    "files": [
      "build/**/*",
      "node_modules/**/*"
    ],
    "directories": {
      "buildResources": "assets"
    }
  },
  ...

Answer 1

我做了一个锅炉板起动机包，其中包含了许多应用的错误修复，我不得不面对使用与电子和类型记录的反应，并有自动监测类型记录的变化，以重新加载电子应用程序，以加快发展。

https://github.com/nateshmbhat/electron-react-ts-starter/

它的工作与创建反应应用程序很好，不需要弹出它。

Answer 2

我找到的获得打字记录并运行的最快方法是使用electron-webpack。

有了加载项，它就满足了您的需求。我用它来做电子反应-还原应用程序的巨大成功。