如何使用package.json脚本使用webpack和运行Electron同时监视.ts文件上的更改?
我的package.json中有两个单独的脚本,一个运行electron(npm run electron),另一个运行webpack build和watch命令。我尝试过从相同的脚本命令运行这两个命令,如下所示:如何使用package.json脚本使用webpack和运行Electron同时监视.ts文件上的更改?,webpack,electron,package.json,Webpack,Electron,Package.json,我的package.json中有两个单独的脚本,一个运行electron(npm run electron),另一个运行webpack build和watch命令。我尝试过从相同的脚本命令运行这两个命令,如下所示: scripts: { "start": "npm run electron && npm run watch", "watch": "webpack --watch --config config/webpack.prod.js --progre
scripts: {
"start": "npm run electron && npm run watch",
"watch": "webpack --watch --config config/webpack.prod.js --progress --profile --bail",
"electron": "electron ./src/app"
}
scripts: {
"start": "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在监视模式下运行,并且永远不会启动electron。我意识到我可以打开两个命令窗口并分别运行它们,但我想知道是否有一种方便的方法可以从package.json文件中的单个命令运行。尝试修改“开始”脚本,使其如下所示:
scripts: {
"start": "npm run electron && npm run watch",
"watch": "webpack --watch --config config/webpack.prod.js --progress --profile --bail",
"electron": "electron ./src/app"
}
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命令之后的任何内容都将在新窗口中执行