我如何使用 package.json 脚本通过 webpack 和运行 Electron 同时监视我的 .ts 文件的变化？

Question

我的 package.json 中有两个单独的脚本，一个运行s electron (npm 运行 electron) 和一个运行s webpack build and watch 命令。我试过运行ning 从同一个脚本命令，如下所示：

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

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

Answer 1

尝试将您的 "start" 脚本修改为如下所示：

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命令控制台中，您可以使用启动命令自动调出一个新的控制台window。启动命令之后的任何内容都将在新的 window 中执行。

我如何使用 package.json 脚本通过 webpack 和 运行 Electron 同时监视我的 .ts 文件的变化？

How do I use package.json scripts to simultaneously watch for changes on my .ts files using webpack and run Electron?

webpack

package.json

electron

我如何使用 package.json 脚本通过 webpack 和运行 Electron 同时监视我的 .ts 文件的变化？