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

Question

我的package.json中有两个单独的脚本，一个运行电子（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文件中的单个命令运行。

Answer 1

尝试修改你的＆＃34;开始＆＃34;脚本看起来像这样：

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命令后面的任何内容都将在新窗口中执行。