修改组件

如这里是Header组件

// @flow
import React, { Component } from 'react';
import style from './Header.css';
const { ipcRenderer } = require('electron');
export default class Home extends Component {
    // 最小化、最大化、关闭窗口
    buttonClick = type => {
        ipcRenderer.send(type);
    };
    render() {
        return (
            <div className={style['header-main']}>
                <div className={style['header-title']}>我是前端</div>
                <div className={style['header-right']}>
                    <a
                        href="javacript:;"
                        rel="最小化"
                        className={style['header-min']}
                        onClick={this.buttonClick.bind(this,'min')}
                    >
                        最小化
                    </a>
                    <a
                        href="javacript:;"
                        rel="最大化"
                        className={style['header-max']}
                        onClick={e => this.buttonClick('max', e)}
                    >
                        最大化
                    </a>
                    <a
                        href="javacript:;"
                        rel="关闭"
                        className={style['header-close']}
                        onClick={this.buttonClick.bind(this,'close')}
                    >
                        关闭
                    </a>
                </div>
            </div>
        );
    }
}

修改主进程文件，即main.js或index.js

主进进程文件是有创建mainWindow = new BrowserWindow()的
加入以下代码

1.这里注意下，frame: false状态下，仅一个isMaximized()并不能准确判断窗口是否已经最大化，所以加上判断是否全屏isFullScreen()
2.如果mainWindow的transparent属性设置了true，窗口是不允许变化的

import { ipcMain } from 'electron';
 /**
     * 监听最大化、最小化、关闭操作
     */
    ipcMain.on('min', e => mainWindow.minimize());
    ipcMain.on('max', e => {
        if (mainWindow.isMaximized() || mainWindow.isFullScreen()) {
            mainWindow.unmaximize();
        } else {
            mainWindow.maximize();
        }
    });
    ipcMain.on('close', e => mainWindow.close());

参考

https://segmentfault.com/a/1190000011765025 (vue的方式)
https://electronjs.org/docs/api/browser-window
https://electronjs.org/docs/api/ipc-renderer