使用一个 NPM 命令启动 react-create-app 和 Electron.js

Posted 2023-02-22

【中文标题】使用一个 NPM 命令启动 react-create-app 和 Electron.js

【英文标题】：Start react-create-app and Electron.js with one NPM command

【发布时间】：2020-05-11 15:51:43

【问题描述】：

我有简单的自定义入门包react-create-app 和Electron.js。 我已添加到 package.json 文件中：

"scripts": 
    "electron": "electron .",
    "start": "cross-env BROWSER=none react-scripts start",
....

我可以使用 npm run electron 启动 Electron 并使用 - npm start 进行 React。

我想要的是只用一个命令来启动 React 和 Electron：npm run both。

我试过了：

"both": "\"npm start\" \"npm run electron \"", 

但我在日志文件中收到错误：

退出状态 1 node_modules\npm\node_modules\npm-lifecycle\index.js:301:16) - 没什么特别的

我试过了：

    "start": "npm run electron . && cross-env BROWSER=none react-scripts start",

，但这会启动 Electron，当我关闭它时，它会启动 React 应用程序。

又报错了：

"electron": "electron .",
"start": "cross-env BROWSER=none react-scripts start",
"both": "\"npm run electron\" \"npm run start\"",

我不知道，如何只用一个 NPM 命令启动 react-create-app 和 Electron？

【参考方案1】：

考虑使用concurrently。

cd 到您的项目目录并运行以下命令进行安装：

npm i -D concurrently

然后在 package.json 的 scripts 部分重新定义 both 脚本，如下所示：

"both": "concurrently \"npm start\" \"npm run electron\""

或稍微缩短的等价物：

"both": "concurrently \"npm:start\" \"npm:electron\""