如何使用 package.json 脚本同时使用 webpack 监视我的 .ts 文件的更改并运行 Electron？

Posted 2023-03-07

【中文标题】如何使用 package.json 脚本同时使用 webpack 监视我的 .ts 文件的更改并运行 Electron？

【英文标题】：How do I use package.json scripts to simultaneously watch for changes on my .ts files using webpack and run Electron?

【发布时间】：2016-09-13 21:53:58

【问题描述】：

我的 package.json 中有两个单独的脚本，一个运行 electron（npm run electron），一个运行 webpack 构建和监视命令。我试过从同一个脚本命令运行这两个命令：

scripts:  
     "start": "npm run electron && npm run watch",
     "watch": "webpack --watch --config config/webpack.prod.js --progress --profile --bail",
     "electron": "electron ./src/app"

这会导致电子执行，但第二个命令在电子关闭之前不会触发，这是不可取的。我也尝试过切换命令，这会导致 webpack 在监视模式下运行，并且永远不会启动电子。我意识到我可以打开两个命令窗口并分别运行它们，但我想知道是否有一种方便的方法可以从 package.json 文件中的单个命令运行。

【参考方案1】：

尝试将“开始”脚本修改为如下所示：

scripts:  
 "start": "start npm run electron && npm run watch",
 "watch": "webpack --watch --config config/webpack.prod.js --progress --profile --bail",
 "electron": "electron ./src/app"

在 windows 命令控制台中，您可以使用 start 命令自动调出一个新的控制台窗口。 start 命令之后的任何内容都将在新窗口中执行。