如何使用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

嘗試修改你的「開始」的腳本是這樣的：

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命令會自動彈出一個新的控制檯窗口。啓動命令後面的任何內容都將在新窗口中執行。