electron的启动动画

1. 原理：创建一个加载窗口用以加载loading.html加载页面动画，然后创建主项目窗口，当主窗口启动时（或者首页请求成功数据之后），关闭加载窗口显示主项目窗口。

    1.1  再src/main/index.js主线程中：

import { app, BrowserWindow, Menu, ipcMain } from 'electron'



if (process.env.NODE_ENV !== 'development') {
  global.__static = require('path').join(__dirname, '/static').replace(/\\/g, '\\\\')
}

let mainWindow, loadingWindow
const winURL = process.env.NODE_ENV === 'development'
  ? `http://localhost:9080`
  : `file://${__dirname}/index.html`

const loadingURL = process.env.NODE_ENV === 'development'  //加载loading.html页面地址
  ? require('path').join(__dirname, '../../static/loading/loading.html')
  : `file://${__dirname}/index.html`


function createLoadingWindow() {   //加载页面窗口
  loadingWindow = new BrowserWindow({
    height: