如何让 Electron 等待 npm 开始完成答案

【问题标题】：How to make Electron wait for npm start to finish如何让 Electron 等待 npm 开始完成
【发布时间】：2017-12-25 07:40:16
【问题描述】：

我有以下情况：我有一个 Angular CLI 应用程序，它是由 npm start 启动的。此操作可能需要一些时间才能完成。启动后，应用程序在 localhost:3000 可用。然后我们有一个 Electron 应用程序（使用 nativefier 模块制作），它使用 url localhost:3000 制作一个应用程序。当我使用批处理文件启动 Angular 应用程序和并行的 Electron 应用程序时，就会出现问题。显然 Electron 应用程序将显示一个错误，因为 NPM 启动尚未完成。另一方面，我不能按顺序执行 NPM 启动和应用程序，因为最终用户不应该看到 NPM 启动的 CMD 窗口（我用 VBS 脚本隐藏了它）。理想情况下，最好的解决方案是 Electron 应用程序和 npm 并行启动，并且 Electron 应用程序会在 NPM 启动执行时显示加载屏幕。

我真的不知道如何实现这一点。

有人可以告诉我解决方案吗？

谢谢法比奥

【问题讨论】：

最终用户和 npm 启动？为什么不把你的应用用 electron 打包并提供给最终用户呢？

标签： angularjs node.js electron

【解决方案1】：

我找到的解决方案包括拥有两个不同的窗口并使用它们，隐藏第一个窗口并在后者准备好时显示第二个窗口......所以，假设你想在等待 localhost 时显示 Google.com准备好了

const {app, BrowserWindow} = require('electron')

let win
let win2
function createWindow () {
  let win = new BrowserWindow({backgroundColor: '#2e2c29'})
  win = new BrowserWindow({width: 800, height: 600, show:false})
  win2 = new BrowserWindow({width: 800, height: 600})

  win.loadURL('http://localhost:3000')
  win2.loadURL('http://www.google.com')

  win.once('ready-to-show', () => {      
  win.show()
  win2.hide()
  win2.close()
})    

  win.on('closed', () => {

    win = null
  })
}

app.on('ready', createWindow)

app.on('window-all-closed', () => {

  if (process.platform !== 'darwin') {
    app.quit()
  }
})
app.on('activate', () => {

  if (win === null) {
    createWindow()
  }
})

【讨论】：