node.js - npm 在执行下一步之前等待端口/命令(同时)

Question

所以在我的 npm 包中，我当前有这个脚本:

"start": "concurrently --kill-others \"npm run dev\" \"electron .\""

问题是，由于当 Electron 运行其命令时服务器尚未启动，因此它显示为空白。通过在服务器启动后重新加载应用程序可以解决此问题。

所以我想知道是否有一种方法可以通过检测端口或其他方法来等待服务器启动，这样我就不必自己重新加载。

这是我设置 url 的方法(尝试在其中实现 Vue)。

let format = live ?
    url.format({
        pathname: path.join(__dirname, 'dist/index.html'),
        protocol: 'file:',
        slashes: true
    })
    :
    'http://localhost:8080'
// Specify entry point to default entry point of vue.js
win.loadURL(format);

Answer 1

这里的关键是立即启动您的开发服务器，然后实现自动重新加载或热模块替换。

你看过electron-webpack吗？ ？那么你的启动脚本将如下所示:

    "dev": "electron-webpack dev"

还有你的 main.js:

  const url = process.env.NODE_ENV !== 'production'
    ? `http://localhost:${process.env.ELECTRON_WEBPACK_WDS_PORT}`
    : `file://${__dirname}/index.html`

  window.loadURL(url)

我建议您结帐electron-webpack-quick-start获取实现示例。